changing font color of menus in widget

Hi, Try this in your custom css:

.nav ul li a:link {color:#00FF00}
.nav ul li a:visited {color:#00FF00}
.nav ul li a:active {color:#00FF00}
.nav ul li:hover a:hover {color:#0000FF}

For #00FF00 use your desired colour code. The hover colour should be different.

That didn’t work:(

Hi, I see you have the menus .nav div turned off with
.nav{display:none}
Did you remove that line? If you would like to remove that line and leave the other lines in, then it may be possible to see why its not working.

where do I find this?

Hi, Go into the back end, Appearance / Customize / Custom CSS & when you’re done click Save & Publish.

oh….I am on a different site now. https://www.americangoldauthority.org

Hi, OK, Could you put the put the other 4 lines in the custom css. I understand you say it won’t work but it may be possible to see why and improve on the suggestion.

okay…that changed the color in my menu in the top of my page. But I am trying to also change the menu items in the widget (all those gold investment companies)

Hi, Try this in your custom css:

#nav_menu_2 ul li a:link {color:#00FF00}
#nav_menu_2 ul li a:visited {color:#00FF00}
#nav_menu_2 ul li a:active {color:#00FF00}
#nav_menu_2 ul li a:hover {color:#0000FF}

As before, change the colour numbers to suit.

?? Sorry…that did not work either

Hi, Sorry, its hyphen 2 not underscore 2:

#nav_menu-2 ul li a:link {color:#00FF00}
#nav_menu-2 ul li a:visited {color:#00FF00}
#nav_menu-2 ul li a:active {color:#00FF00}
#nav_menu-2 ul li a:hover {color:#0000FF}

Yipee! That worked!

But my last widget at the bottom…i changed it to a #nav_menu-6 but it did not change colors.

Hi, That one’s: #nav-menu-3.

oh…I am so sorry. Thank you for all your help:)