Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 13, 2017 at 8:48 pm #777518
    mcraig77

    Ahoy,

    I would like to change the color of the search icon when it is in glossy mode (at the very top). There are two setting for this menu. One when you are all the way at the top (its semi transparent) and than when you scroll down it activates a solid color menu. As you can see it is white now and when you rollover it nothing happens. I would like it to match the glossy menu styles so it is light gray and than green when rollover.

    I originally inserted this code and it changes the search icon color but it does not have a hover. 

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li.menu-item-avia-special > a{
color:#1D6047!important;
}

    please Advise

    April 14, 2017 at 7:09 pm #777981
    Victoria

    Hey mcraig77,

    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

    
#top #menu-item-search a:hover, 
.html_header_top.html_header_sticky #header #menu-item-search a:hover {
color:#1D6047!important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 15, 2017 at 8:21 pm #778279
    mcraig77

    Thanks,

    That seems to work for the hover. How do I change the non hover version color for this area?

    Please Advise

    April 15, 2017 at 8:49 pm #778282
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top #menu-item-search a:hover, 
.html_header_top.html_header_sticky #header #menu-item-search a {
color:#1D6047!important;
}

    Change the color to what you want for non-hover, use this with your other code that controls the hover color.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.