Edit Button Style

Hello there,

From Sydney theme’s button which resides in the main slide header, you can use the below CSS code to do you own style

.roll-button {
  border-radius: 30px;
  background-color: #fff000;
  border-color: #fff000;
  color: #ff0000;
}

.roll-button:hover {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

For other buttons which are on specific page’s sections, you can design it with Elementor button’s settings directly in your page. See this button widget documentation: https://docs.elementor.com/article/59-button

Regards,
Kharis

Thank you Kharis – is there a way to change to style on default level throughout the entire site though?

For example, I am using Contact Form 7, and that does not allow me to edit buttons. Or will this limited to CR7 and can not be changed by the theme?

• This reply was modified 5 years, 3 months ago by nav4339.

and I have a second question – Is it possible to have the mobile menu background as transparent? Currently it inherits my menu background color used when scrolling on a desktop

HI @kharisblank any suggestions?

> For example, I am using Contact Form 7, and that does not allow me to edit buttons. Or will this limited to CR7 and can not be changed by the theme?

Other buttons may have different class names. You should rewrite the CSS code with adjusted class name. If you couldn’t do this yourself, please share me a link to your page where the contact form appears on. So I could provide you an example for that button.

Regards,
Kharis

For you other questions, please create a new separate topics. Use one topic for one question to avoid endless discussions.

Regards,
Kharis

https://www.conceptdemo.co.za/elanganew/