Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 7, 2016 at 12:51 am #609255
    schenkco

    I am creating a website based on an existing one I made with the enfold theme. However, in the private content below, you can see that the menu font color for both site are looking differently even though they are configured exactly the same. I think this was a bug from before as the most recent change log states, ” – fixed: an issue with transparent headers and custom menu colours”. With the new website I’m building, how do I make the font color white with black outline on the transparent header? It also has to change the colors to a greyish color when scrolled down. Essentially I want the new website menu to look like the existing one.

    This is the code I am using for the menu outline:

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
    text-shadow: 1px 1px #000000;
}

    Thanks!

    April 7, 2016 at 7:28 am #609385
    Vinay

    Hey schenkco!

    Please add font color white to your code block

    
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
    text-shadow: 1px 1px #000000;
    color:#fff!important;
}

    and to change the underline color 

    .header_color .avia-menu-fx {
background-color: #FFF!important;
}

    Best regards,
    Vinay

    • This reply was modified 8 years, 6 months ago by Vinay.
    April 7, 2016 at 4:07 pm #609725
    schenkco

    The font color works great! However is it possible to have the underline color change when scrolled down? Currently it’s white for both the transparent header and when scrolled down. I’d like to have it like the page attached. Thank you for your quick response!

    April 7, 2016 at 4:43 pm #609753
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled .avia-menu-fx {
    background: #878a88!important;
}

    Cheers!
    Yigit

    April 11, 2016 at 4:19 pm #611418
    schenkco

    Everything is working except for the underline on the non-transparent background. When I use this code:

    .header_color .avia-menu-fx {
background-color: #FFF!important;
}

    the underline is present in the transparent header (which is correct) but when scrolled down or going to a page with no transparent header, the underline is white. How do I make the underline a greyish colour instead?

    Thanks!

    April 11, 2016 at 4:26 pm #611425
    Yigit

    Hey!

    Please change your code above to following one 

    .av_header_transparency .avia-menu-fx { 
background-color: #FFF!important;
}
.avia-menu-fx {
    background: #878a88!important;
}

    Regards,
    Yigit

    April 11, 2016 at 4:29 pm #611429
    schenkco

    Good stuff as always! Thanks, it works!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu White Font with Black Outline’ is closed to new replies.