[luismarioochoa]

Hello,

I have been looking for a while and I cannot find how to change the Navigation Text Color. Can you p;ease advice? Thank you

[Pratik]

Hi @luismarioochoa,

Please use following CSS code in Appearance=> Customize=> Theme Options=> Custom CSS box:

.nav-primary .menu a {
    color: #fff;
}

This turns color to white. You can use any hex color in plave of #fff, or use generic names as red, blue, green, etc.

If this does not work, please post in your site url.

Regards,
Pratik

[luismarioochoa]

Thank you Pratik,

It worked, now I need the Hover Active Color in the Main Menu, (also missing button) to be red as in the submenu.

PS: Menu Color Button not working either.

Here is the url http://destinationvows.ca/

Thank you

[Pratik]

Hi @luismarioochoa,
I am sorry I misunderstood previously, I have fixed the bug and pushed it for update. It might be available by today or tomorrow.
After the update, you can remove the custom css code and change it via color picker.

If you want Menu color Button to change asap, use following code:

.nav-primary .menu li:hover > a, .nav-primary .menu a:focus, .nav-primary .menu .sub-menu li a:hover, .nav-primary .menu .sub-menu li a:focus, .nav-primary .menu .children li a:hover, .nav-primary .menu .children li a:focus, .nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a {
    color: #fff;
}

Regards,
Pratik

[luismarioochoa]

Nice, I see you updated, but you forgot to fix the same bug in the footer. Hover Active Text Color does not work.

[Pratik]

Thank you for finding the bug again. We will fix it in next release soon.

For now, you can use following CSS:

#colophon a:hover, #colophon a:focus { 
    color: #fff;
}

Regards,
Pratik

[Author]

Posts