Tee Famakin Tee Famakin - 2 months ago 7
CSS Question

How to change the the color of wordpress navigation on hover

Hello guys i am developing a website using a thrive theme on wordpress, i am trying to change the on hover color on the blog page specifically bcz its built differently from the other pages.

Presently on hover it goes white from black which isnt what i am trying to achieve.

i searched online and saw sm articles and code snippetsw hich have brought me to trying this

header nav ul li a : hover {
font-family: 'Open Sans', sans-serif;
color: #000;
display: block;
font-weight: lighter;
font-size: 14px;
text-transform: capitalize;
position: relative;
}

header nav > ul.menu > li > a : hover {
color: #373737;
font-weight: lighter;
}


i have applied : hover to the navigation elemnt to try to change the color on hover, but it dosent work.

Is there anyfin am doing wrong here. please here is the link so u can inspect and try out thanks guys pls help

http://stefanjames.com/blog/

Answer

You need to remove the spaces around the pseudoclass : selector in your CSS, so that it reads:

header nav > ul.menu > li > a:hover