Change top menu text color

Hey there fsfernandes,

How are you doing today?

This is definitely possible with some custom CSS. Since the theme has it’s own custom CSS tab which is located in Appearance >> Theme Options >> Miscellaneous >> Custom CSS Styles you can try adding the following code there:

.fosforit-nav li a, .fosforit-nav .current-menu-item > a, .fosforit-nav .current-menu-ancestor > a, .fosforit-nav .current_page_item > a, .fosforit-nav .current_page_ancestor > a {
color: #fff;
}

Replace the color hex value to the the one you want. You can use sites similar to this one to get hex value for the color of your choice:

https://www.color-hex.com/

If this doesn’t work could you please post link to your site so I can take a look?

Best regards,
Bojan

Hi fsfernandes,

The color of the text in the navigation bar is set on line 10 in the file pre-color-schemes.php. This file is in the inc folder. Of course it’s not best practice to make changes to a parent theme, so you could create a child theme, copy the header.php file to the child theme and copy the css from pre-color-schemes.php into header.php just before the close of the head tag </head>. You’ll want to copy lines 8, 9 and 10 from pre-color-schemes.php.

Hope this helps ??

Hi fsfernandes,

Bojan’s suggestion is better and simpler! Good luck ??

Hi Bojan, I`m doing fine and you?
First of all, thank you for your time, I really appreciate that.
I just did a test with your suggestion and it worked.
Thanks agains.
Best regards!

Glad I could help! Have a great weekend ??

Cheers,
Bojan

Nice to see that there WordPress members using AND helping others with Forestly :’D