Control button style

I’m using the Sydney theme and Elementor. On my test page https://www.hubtec.com/test-2/, I inserted html and a script. When the button is pressed a message box appears and works well. However, I cannot style the button. If I run the code in a tester, I can control the button styling. In the Sydney theme, the button style style appears to be controlled by the theme itself. How can I override the styling with CSS.

Hello,

First thanks for using our Sydney theme!

That’s because you are using the HTML component of Elementor. HTML button added trough this way always will inherit the theme style.

You can change with custom CSS at Appearance > Customize > Additional CSS:

/* Normal State */
input[type="button"] {
	background-color: #0600ff !important;
	border-color: #0600ff !important;
}

/* Hover State */
input[type="button"]:hover {
	color: #0600ff !important;
	background-color: transparent !important;
}

If you want to customize the button trough the Elementor page builder, instead of HTML button, you should insert a Button component:
image

We hope this helps!

Kind Regards,

Rodrigo.

aThemes Support