WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Hyperlink hover color change (9 posts)

  1. accretio
    Member
    Posted 1 year ago #

    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

  2. Rev. Voodoo
    Volunteer Moderator
    Posted 1 year ago #

    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?

  3. accretio
    Member
    Posted 1 year ago #

    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.

  4. accretio
    Member
    Posted 1 year ago #

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

    Please help me!

  5. SNSD Photo
    Member
    Posted 1 year ago #

    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; }

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 1 year ago #

    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

  7. accretio
    Member
    Posted 1 year ago #

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

  8. accretio
    Member
    Posted 1 year ago #

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

  9. linkfr
    Member
    Posted 1 year ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic