Need help? Check out our Support site, then


Changing color of RSS widget head

  1. Could someone help me with the code to change the color of the heads on my two RSS widgets? I've succeeded in getting all the other widget heads to display in red (#CF0300), but can't seem to get the code right to change the heads in the two RSS widgets, titled "The Great Outdoors" and "The Last Word." I'd really appreciate the help.

    The blog I need help with is piedtype.com.

  2. thesacredpath
    Staff

    The titles of the RSS widgets are links, so they have different colors in most cases to differentiate them from normal, non-link titles. There are two colors: the non-hover color (first bit of CSS below) and then the color when you hover a mouse over the title (second bit of CSS). Add the following to the bottom of your existing custom CSS and then edit the hex color codes as you desire.

    .widget a {
    color: #224970;
    }
    
    .widget a:hover {
    color: #000000;
    }
  3. On a Mac using Chrome, that turns almost all the text in all the widgets red after I plug in my color. (The content is almost all links, but I don't want a sea of "link color" in my sidebars.) The code needs to specify just the two RSS widgets, I think, but I can't figure out how to do it. Frustrating, because it seems like it should be fairly easy. Thanks, though. Nice seeing you again.

  4. thesacredpath
    Staff

    Sorry, I was asleep, my bad. Add this instead and edit the color codes:

    .widget_rss h3 a {
    color: #CC0000;
    }
    
    .widget_rss h3 a:hover {
    color: #4499EE;
    }
  5. That did it. Thank you so much!! I've been annoyed by that little detail for months.

  6. thesacredpath
    Staff

    You are welcome and sorry it took me two tries to get it. :)

Topic Closed

This topic has been closed to new replies.

About this Topic