How do we change the hover link color?

Add this code in your style.css file (Make a backup copy or add this code to your child theme of the site)

#menu-menu-2 li a:hover {
 color:red; /* add whichever color you like */
}

Hi, I tried but not working. I also put below:

#menu-menu-2 li a:hover {
 color:red; /* add whichever color you like */
}

a:hover {
 color:blue; /* add whichever color you like */
}

@ngaisteve1 – there could be several places in your theme files or even plugins that affect this.

Of course it’s best to make a child theme (maybe use a plugin to make one for you) – as editing your files will be fine until a theme update rolls out and erases your work.

You could do this in your appearance -> editor
or download the file in something cool like notepad++

I think it’s easiest to just get to your “style.css” file..
hit ctrl+f (find on page)
type: hover
into the search box and click next, next – see all the rules in your style.css that are affecting the color..

i have child theme already. i just can’t find where is the silver color when hover over the hyperlink.

For your second rule, you need to target #content a instead:

#content a:hover {
  color:blue; /* add whichever color you like */
}

@ngaisteve1 currently the hover color is red. If you’re lost about what hex value to put, take a look at this Color Wheel select your color and copy the hex value and then insert into your code.