Can't Change Link Hover Color

  • Resolved kelseyc

    (@kelseyc)


    9 years, 2 months ago

    I added the custom CSS below to my child theme. It worked to change the link and visited link colors, but it did not succeed in changing the hover color. Suggestions appreciated.

    a:link {
color:#A099F7;
}
a:visited {
color:#A099F7;
}
a:hover {
color:#000000;
}
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    The problem is that css file that sets default hover color (green.css) is loaded after your css file and it overwrites your code. Solutions would be to add “body” (if you want all links changed) before it like this so your declaration is “stronger” that one you are overwriting.

    body a:hover {
color:#000000;
}

    Regards.

    Thread Starter kelseyc

    (@kelseyc)

    Worked brilliantly, and I appreciate the explanation. Thank you!

    You are welcome, glad that it works ??

    Hi,
    how to change hover over to Bold and same link color ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can't Change Link Hover Color’ is closed to new replies.