Vfxdude » Topic: Widget Heading Background

funkytime on "Widget Heading Background"

funkytime — Tue, 13 Sep 2011 14:24:53 +0000

Now, if i want the font-family to be 'century gothic', i would normally change that here:

#sidebar .widgetheading h2 {
display: inline;
padding: 3px 10px;
background: #000;
font-family: Lobster,Arial, Helvetica, sans-serif; <<--------
color: #fff;
font-size:13px;
text-decoration:none;

now, when i change it there, it doesnt change on my site. does that mean i have to upload century gothic as cufon font? but then the "Use an alternative styling for widget headings (cufonized)" is turned off so i can have a black bg.

where can i change the font now?
i also tried it in 'global styles' in the css.
h1,h2,h3,h4 {
font-family: Century Gothic;
font-weight: normal;
line-height: 1em;
color: #999;
margin-bottom: 5px;

but no luck.

funkytime on "Widget Heading Background"

funkytime — Tue, 13 Sep 2011 11:52:14 +0000

thanks;-) yes i am using firebug, always. I guess I am just getting confused with the theme settings and changing things in the css at the same time.

vfxdude on "Widget Heading Background"

vfxdude — Tue, 13 Sep 2011 10:51:09 +0000

turn off the "Use an alternative styling for widget headings (cufonized)" theme setting and there will be black backgrounds to the widget titles. When adding styles you have watch out for specificity. Therefore it's best to install the blank child theme and add the styles there instead, then it will have higher specificity. And use Firebug to figure out how to override styles.

Colorit on "Widget Heading Background"

Colorit — Mon, 12 Sep 2011 16:17:46 +0000

#sidebar .widgetheading h2 {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #545454;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;
}

works fine at my site

You can figure such things out very well with FIREBUG:

https://addons.mozilla.org/de/firefox/addon/firebug/

The best tool ever :-)

funkytime on "Widget Heading Background"

funkytime — Sun, 11 Sep 2011 15:45:32 +0000

hi,
how can I add a black background to the titles of the widgets? If I change something in style.css nothing changes on my website.:-( if i go to the color tab in theme settings, there is only the color for the title i can change, not the background of the title.

#sidebar .widgetheading h2 {
display: inline;
padding: 3px 10px;
background: #000;
font-family: Lobster,Arial, Helvetica, sans-serif;
color: #fff;
font-size:13px;
text-decoration:none;