Styling Cufon headings « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Abundance

Styling Cufon headings

6 posts from 3 voices

Started 11 months ago by downeasy
Latest reply from downeasy
This topic is closed
This topic is not a support question

Tags:

downeasy
Member

Ordinarily I'd try to figure this out myself, but I am baffled at this point.

I would like to make sure that all headings h1,h2,h3,h4 use the same color: #f14e54 but when I try to add a custom rule to the short css box, the rule doesn't propagate. I assume this is because I am styling incorrectly for the css3 fonts. Or, there are rules overriding my rule.

When I've tried adding anything to the custom.css file none of those rules take hold either.

When I choose that color within the Abundance styling manager it only changes the links, highlight, and h2 elements.

Can you tell me what specifically to enter to get this to propagate across my page?

Posted 11 months ago #

Mya

Hi,

Try adding this to your custom.css.

#top .title_container h1 {
    color: #f14e54;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .relThumbHeading {
    color: #f14e54;
}

Regards,
Mya

Posted 11 months ago #

downeasy
Member

That sorta worked! Ha, thanks. I still have some tweaking to do. some h2/h3 titles, but not all, are still black.

It's a start though. Thanks.

You can see what I'm talking about here: http://wholesale.shrimp.com/delayed-order-sales-form/

Ignore the other font stylings, the owner is still deciding on some body traits.

Posted 11 months ago #
downeasy
Member

Hrmm... Is there a cufon stylesheet? I'd like to add some text shadows and some transforms to the headers (h1,h2) and they aren't taking hold.

My backup effects are working (when cufons aren't loaded by a browser)

h1 {
text-shadow: 0 1px 0 black; !important
color: #292929; !important
}

...but re-styling the cufon entries in the stylesheet is not making any difference.

.cufon-active #top .cufon_headings{
text-shadow: 0 1px 0 black; !important
color: #292929; !important
text-transform: none;
}
etc...

Posted 11 months ago #
Dude
Dude

Hey!

This page: https://github.com/sorccu/cufon/wiki/Styling lists all available options.

Regards,
Peter

Posted 11 months ago #
downeasy
Member

Thanks. I thought maybe the options were being overwritten by the class-style-generator.php file.

I'll play around with it some more.

Posted 11 months ago #