Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 15, 2014 at 3:45 pm #210069
    jcsufootball07

    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/)

    January 15, 2014 at 6:39 pm #210190
    Yigit

    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

    January 15, 2014 at 8:22 pm #210250
    jcsufootball07

    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.

    January 15, 2014 at 9:00 pm #210264
    Yigit

    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

  • Author
    Posts
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.