Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #609255

    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!

    #609385

    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, 3 months ago by Vinay.
    #609725

    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!

    #609753

    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

    #611418

    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!

    #611425

    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

    #611429

    Good stuff as always! Thanks, it works!

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