• Resolved nav4339

    (@nav4339)


    Hi, is it possible to edit the button style on the entire theme? I want something more rounded with like a 30 radius (or more) across the entire theme when CTA buttons are used.

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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

    Thread Starter nav4339

    (@nav4339)

    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 4 years, 4 months ago by nav4339.
    Thread Starter nav4339

    (@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

    Thread Starter nav4339

    (@nav4339)

    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

    Thread Starter nav4339

    (@nav4339)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Edit Button Style’ is closed to new replies.