Need help? Check out our Support site, then


Change colors of theme-provided links when hovering over them

  1. I know this may be for the custom design area - but even when I previewed I didn't see this option. My colors for the theme of the blog are black, white, gray, and green. The theme I chose from wordpress is close - but when you hover over the About link in the upper right or the RSS feed, or any of the links on the right sidebar, the links change to a light blue.

    Will I be able to change them to my green if I go for the custom design option? I just wanted to be sure before I made the purchase. But, more so, if there is a free way to make that change, please let me know!

    I understand HTML and CSS and recall a number of years ago being able to make these changes without the fee in wordpress - but that was a while ago - and you did have to know code, I think.

    Any help would be appreciated!

    The blog I need help with is sagemediallc.wordpress.com.

    The blog I need help with is sagemediallc.wordpress.com.

  2. No, there's no free way to change the hover color; yes, you can change it if you buy the upgrade.
    If you wish to preview this change, go to Appearance > Customize > CSS, delete everything and paste this:

    a:hover, #access li:hover > a {
    color: #1D5919;
    }
  3. Thank you! Big help. I will search in Firebug too for the CSS that changes the line under About, the RSS Feed, and the other links at the bottom of the blog page. (Unless of course, you can point me in the right direction for those too!)

    Thanks again for your assistance - really appreciate it.

  4. You're welcome.
    And I'm seeing you found the other answers yourself. (Well, maybe except the RSS icon. Do you need to change that too?)

  5. I've been having real difficulty with the RSS icon. I've been trying to upload my adjusted .png and use my own URL in the CSS. It's strange though - it comes and goes. One moment it works, and it's there, and then the next it disappears. I'm about ready to give up and just let the text "RSS" sit there without the icon - but it looks so bare otherwise.

    Any work around you could suggest would be fantastic!

  6. First of all, the URL you used gives a 500:
    http://ccstudio.co.nf/sage_media/images/rss2.png
    Second, why use an image stored elsewhere?

    This is the original image:
    https://wpcom-themes.svn.automattic.com/piano-black/img/rss.png
    You need to copy it to your computer, change its color(s) in an image editing application, then upload it to your blog via Media > Add New; once it's uploaded, click Edit and copy the image URL from the File URL field of the Save module. Then add this CSS:

    #rss-feed {
        background: url("IMAGE_URL_HERE") no-repeat scroll left top transparent;
  7. Oh my goodness - thanks!

  8. You are fantastic - really - worked beautifully! That had occurred to me that I needed to somehow upload directly to WordPress, but I'm so new to this "new" format (haven't touched WP since 2009) that I didn't know where to upload.

    Thanks again justpi! Would love to know your real first name. I'm Cynthia - a true pleasure to make your acquaintance.

  9. You're welcome!
    Real first name is Panos. (I don't hide it: you can see it if you visit my blog).

Topic Closed

This topic has been closed to new replies.

About this Topic