Need to apply a .css class to Widget titles

A peek at the soure code reveals this:

<li id=”linkcat-2″ class=”widget widget_links”>

And then there’s an unordered list underneath that so maybe these style hooks are what you need?

li.widget .widget_links {
[add your styles here]
}

and possibly this as well:

li.widget .widget_links ul li {
[add your styles here]
}

HTH

Thank-You very much for your reply.

I tried both of those individually and together and neither one worked. I’ve got to target the headers specifically since I need a background color on the headers.

I need to apply this to the headers:

#widget-header {
background-color:#333333;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
text-align:center;
}

But I can’t find the file where the headers are so that I can do something like:

<div id="widget-header">Blogroll</div>

Currently it doesn’t have any block level elements, ids, or classes around the title to apply the css to.

Any thoughts on where those files would be?

I am trying to figure this out as well.

I want to give my ‘blogroll’ bullets for each link.

I can see “.widgettitle, .widgetwidget_links, and #linkcat-2” in the source, but I can’t find any of those digging through the style.css.

Anyone know?

If you go to Dashboard>Design>Theme Editor and open the Sidebar.php file, you should see the formatting for each sidebar title. For example, mine are each:

<h6>Blogroll</h6>

So if I style the h6 text it will show up that way in the sidebar. Even though I’ve renamed Blogroll to something else in the widget, it still works to style the new title text. You could also replace h6 with something else, but you’ll need to be more careful when editing this file.

HTH

TW

Edit: These files are probably theme-specific so you might not have the exact same structure, but the general idea should apply.