Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Social Topics

Changing Hyperlink/Navigation Hover Color
  • I made a custom logo for my site and I'm attempting to change the hyperlink and menu-navigation hover colors so that they match the logo colors. I'm not familiar with CSS at all - but I do understand how the hex color system works. (I tried the Firebug addon for Firefox and sat there scratching my head!) I don't know if this is possible and I've simply missed it in all my scrolling through the code? A point in the right direction would be wonderful!
  • Assuming you know the hex codes for the colors you want, in Appearance >Editor open the style.css file (it's the one that comes up by default). Scroll down until you find the css definitions for 'a:link, a:visited' (the link) and 'a:hover' (the link hover settings).*

    Copy them both into clipboard. Open the user.css file and paste them in. Change the color values to the ones you want and save the file. This will now override the default colors. You will need to refresh your browser to see the changes.

    * That is, the lines:
    a:link, a:visited {
    color: #111;
    text-decoration: none;
    }
    a:hover {
    color: #86C140;
    }