Changing color of RSS widget head

  • Author
    Posts
  • #1175665

    windwhistle
    Member

    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.

    #1175831

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

    windwhistle
    Member

    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.

    #1175843

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

    windwhistle
    Member

    That did it. Thank you so much!! I’ve been annoyed by that little detail for months.

    #1175857

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

The topic ‘Changing color of RSS widget head’ is closed to new replies.