Changing color of RSS widget head

windwhistle · Member · Mar 7, 2013 at 10:03 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Mar 8, 2013 at 1:41 am
Copy link
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;
}
```
windwhistle · Member · Mar 8, 2013 at 1:58 am
Copy link
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.
thesacredpath · Member · Mar 8, 2013 at 2:28 am
Copy link
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;
}
```
windwhistle · Member · Mar 8, 2013 at 3:00 am
Copy link
That did it. Thank you so much!! I’ve been annoyed by that little detail for months.
thesacredpath · Member · Mar 8, 2013 at 3:05 am
Copy link
You are welcome and sorry it took me two tries to get it. :)

No items found.