WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Hyperlink hover color change

[Resolved] Hyperlink hover color change

  • Hi, whenever I hover over my hyperlinks, they turn black. This is a problem because my background is black and it’s making the hyperlink text invisible.

    Here is my site: http://nipponreview.kdmonline.co.za

    Please try hovering over the hyperlinks and help me in changing the hovering color to white.

    Thanks
    Dave

Viewing 8 replies - 1 through 8 (of 8 total)
  • a:hover {
    	text-decoration: none;
    	color: #000;
    	border-bottom: 1px solid #0da4d3;
    }

    that right there controls the hover colour, it’s near the top of your style.css file. You can adjust that to suit your needs. changing #000 to #fff will do it

    I’m not familiar with your theme… it seems to allow certain colours to be set through an options panel, is there no option to change the link hover colour?

    Thanks Rev. Voodoo, will try it and let you know…

    I’m using Oxygen, it only allows you to change the hyperlink color and font size. But not the default font color or the hover color.

    Okay, just edited my stylesheet and nothing has changed. I changed it to #fff but it still remains black.

    Please help me!

    open style.css in your theme folder and add code below at the end of the file content.
    a:hover, a:focus { color: #fff !important; }

    Yeah, for some reason your theme sets the hover colour to black in style.css, and then sets it again like this

    a:hover, a:focus { color: #000; }

    in your header. So the stuff in your header overrides the stuff in style.css, that is why I was wondering if you have an option in your theme somewhere to change the link hover colours

    Okay, thanks blacklizt and Rev. Voodoo. Will add the code and let you know.

    Just added the code and IT WORKS! Thanks so much Rev. Voodoo and blacklizt, I really appreciate it.

    Hi people!

    I have a link like this in a widget:

    <a href="http://www.site.com/">SITE</a>

    Could you please show me how to give it a hover effect, what to add?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Hyperlink hover color change’ is closed to new replies.
Skip to toolbar