Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2019 at 5:42 pm #1132025
    bobfurgo

    Hi guys,

    I have a button in the main menu titled “free estimate”. When scrolling down, the button text color turns grey, and I want it to just stay white.

    Mike was so kind to help me with this same thing before in this thread which worked great: https://kriesi.at/support/topic/make-button-a-different-color-on-scroll/. I tried to modify the code he used here with the following:

    
#top #wrap_all .header_color.header-scrolled #menu-item-54.av-menu-button-colored > a .avia-menu-text {
    color: #ffffff !important; 
}
#top #wrap_all .header_color #menu-item-54.av-menu-button-colored > a .avia-menu-text {
    color: white !important; 
}

    But unfortunately this didn’t work. Help would be appreciated. THANK YOU!

    August 30, 2019 at 9:56 am #1132233
    Victoria

    Hey bobfurgo,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.header_color .main_menu ul:first-child > li.free-estimate-button > a {
  color: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 30, 2019 at 5:22 pm #1132387
    bobfurgo

    It worked, thanks again Victoria, you’re the best.

    August 30, 2019 at 5:33 pm #1132391
    Jordan Shannon

    Hi,

    I’m glad this was resolved. if you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘header button text color on scroll’ is closed to new replies.