Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #210069

    Please help me regarding the following questions:

    1. How to create a transparent button with a colored border. (ex.https://hillsong.com/en/)
    2. How to change the hover color of the border of the transparent button?
    3. How to create a floating sticky menu that catches as you scroll past it.(ex.https://hillsong.com/en/)

    #210190

    Hi jcsufootball07!

    1 & 2- You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #top .main_color .avia-button.avia-color-theme-color { color: black;
    background-color: transparent;
    border: 1px solid black; }
    #top .main_color .avia-button.avia-color-theme-color:hover { border-color: red; color: black; }
    

    3- You are going to need to find a plugin to achieve that or hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

    Best regards,
    Yigit

    #210250

    Thank you! Is it possible to have multiple button styles. I need to have two button styles. One for light backgrounds and another for dark backgrounds.

    #210264

    Hey!

    Yes, first code i posted will change the color of “theme color” colored buttons and following one will change “theme color subtle” colored buttons

    #top .main_color .avia-button.avia-color-theme-color-subtle { color: black;
    background-color: transparent;
    border: 1px solid green; }
    #top .main_color .avia-button.avia-color-theme-color-subtle:hover { border-color: blue; color: black; }

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to: Tranaprent Button with Border & Floating Sticky Menu?’ is closed to new replies.