Hyperlink hover color

  • Resolved Akernet

    (@akernet)


    12 years, 5 months ago

    Hello,

    I’ve been looking for a way to fix this for waaay too long now and can’t seem to get it to work. My website: http://www.mimersgard.se/, see http://www.mimersgard.se/aktuellt/ as reference.

    I want to color a hyperlink as you hover over it. I’ve used the following code in Custom CSS:

    a:link {color:#AA6D4D;}
    a:visited {color:#AA6D4D;}
    a:hover {color:#DFDAA9;}

    But these only seem to change 3/4 of the links. All links in the sidebar, along with all other general links (the ones automatically generated by the website and widgets), seem to change color. The ones that I personally and manually add don’t change color when hovered over. They stay the same orange color and I can’t seem to find how to “crack the code”, so to speak. I want them to change from the bronze color specified in the code to the yellow/beige one.

    Can anyone give some hints or tips, perhaps?

    Many thanks,
    Erik

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    12 years, 5 months ago

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter Akernet

    (@akernet)

    12 years, 5 months ago

    Thanks a lot!

    That push was all I needed. I downloaded a developer tool, viewed the CSS from there and was able to identify two strings of text that had that orange color to them:

    .entry-content a:hover {
    color: #f47e3c;
    }

    and

    a:hover,
    a:focus,
    a:active {
    color: #f47e3c;
    }

    After they were changed, it worked!

    Thanks for the tip 🙂

    esmi

    (@esmi)

    12 years, 5 months ago

    No problem 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hyperlink hover color’ is closed to new replies.