How to change RSS widget title font color?

The following CSS should allow you to style the title of the RSS widget only:

.widget_rss .widget-title{
  color:#FF0000;
}

The color for the title may be overidden by the styles for the link within it, in which case, try this:

.widget_rss .widget-title a{
  color:#FF0000;
}

I hope this helps!

Hi rosshanney, thanks for your response. It doesn’t work. Any more suggestions? Thanks.

Hi again,

Oh, that’s strange. This seems to work fine for me. Where abouts have you placed the CSS I posted?

Hi rosshanney,

As I have created child twenty ten and the following is the widget areas in child style.css. Just wondering if there is any conflict in the following code that is preventing your suggested code (bold) from taking effect? Thanks.

/* =Widget Areas
————————————————————– */
.widget-container {
background: #EEEEE0;
width: 292px;
border-bottom: 3px solid #C5C1AA;
}

.widget-title {
color: #fff;
background: #292421;
font-weight: bold;
font-size: 15px;
padding: 1px 0 1px 8px;
}

.widget-area a:link,
.widget-area a:visited {
color: #474747;
}

.widget-area a:active,
.widget-area a:hover {
text-decoration: none;
color: #00868B; /* NOT FUNCTIONING */
}

.widget_rss a.rsswidget {
padding: 0 10px 0 0;
}

.widget_rss a.rsswidget:hover {
color: #00868B;
}

.widget_rss .widget-title a{
color: #fff;
}

This still works for me, even with the extra CSS you posted. There must be something overriding the style somewhere. You could perhaps try:

.widget_rss .widget-title a.rsswidget:link{
  color:#fff;
}

but I suspect that may get overriden in the same way too. I’m not sure what browser(s) you are using, but you could try using the Developer Tools / Web Inspector / Firebug to identify the problem.

Hi Ross Hanney, its fine now even with “.widget_rss .widget-title a{
color: #fff;}” after hard refresh (ctrl+F5). Thanks alot!