Override widgetheading in optionstyles.php

Vfxdude » BigFeature

Override widgetheading in optionstyles.php

(8 posts) (3 voices)

Started 2 years ago by Orville
Latest reply from landrews

Tags:

Orville
Member

Hi,

There is text-transform:uppercase defined for sidebar widgetheading h2 in optionstyles.php. How do I override this, just text-transform:none in childtheme css seems to do nothing. I have cufon-styled widgetheadings and they are normal in the footer, but uppercase in the sidebar.

Thanks

Posted 2 years ago #
vfxdude
admin

you can override with css specificity.

Posted 2 years ago #
landrews
Member

If anyone comes up with the code for the child theme to do exactly this (remove the Uppercase from the sidebar widgets) please post it. I've been over the css specificity a few times and I guess I'm still doing something wrong.

Posted 2 years ago #
Orville
Member

Actually quite simple:
#sidebar .widgetheading h2 { text-transform:none; }

Posted 2 years ago #
Orville
Member

But what I can`t figure out is why #sidebar .widgetheading h2 font size and some other changes can not override parent settings if this still works for text-transform...

Posted 2 years ago #
vfxdude
admin

it's because optionstyles overrides those, but not text-transform, because that one is set in the the parent style.css (easy to see this in Firebug). To override optionstyles, do like this:

#container #sidebar .widgetheading h2 { font-size:18px; }

Posted 2 years ago #
Orville
Member

Thanks Roger, it was helpful!

Posted 2 years ago #
landrews
Member

#sidebar .widgetheading h2 { text-transform:none; } did not work that's what I had as well seemed easy but no luck. However... adding #container works it now modifies the cufoned widget heading. Thanks for the help.

Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.