Change colors of theme-provided links when hovering over them

  • Author
    Posts
  • #1406626

    cscoates1172
    Member

    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.

    #1406682

    justpi
    Member

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

    #1406684

    cscoates1172
    Member

    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.

    #1406765

    justpi
    Member

    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?)

    #1406767

    cscoates1172
    Member

    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!

    #1406768

    justpi
    Member

    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;

    #1406769

    cscoates1172
    Member

    Oh my goodness – thanks!

    #1406770

    cscoates1172
    Member

    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.

    #1406773

    justpi
    Member

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

The topic ‘Change colors of theme-provided links when hovering over them’ is closed to new replies.