Change text color and hover color in nav bar?

[Jennifer]

hello,

Does anyone know how to change the text color and hover color in my nav bar? I am currently using the simple custom css plugin and have tried several different code options but can’t get anything to work!

Thanks in advance!

[Tom]

Hi there,

The easiest way is our Colors add-on.

Otherwise, this should help: https://gist.github.com/generatepress/793804f553c25c70823c

[Julia]

Hmm, it changes the color, but not in the way I want. I want it to change color when you hover the page link or when you’re on that page. Sorry for my english.

So shouldn’t it be something with a:hover/a:active? It just stays the default darkgrey when its active…

[Julia]

Solved the hover problem with:

.main-navigation .main-nav li.home a:hover {
background-color: yellow; /* or use a hex code to be more specific */
color: #000000; /* this is the text color */
}

but the other problem unfortunately still remains.

[Author]

Posts