WordPress.com Forums » Topic: unable to change font style on headings http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings WordPress.com Forums » Topic: unable to change font style on headings en Tue, 18 Jun 2013 07:05:55 +0000 http://bbpress.org/?v=1.1-alpha-2539 kathrynalmy on "unable to change font style on headings" http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings#post-1000108 Thu, 06 Sep 2012 14:12:36 +0000 kathrynalmy 1000108@http://en.forums.wordpress.com/ Thanks for your help!

]]> designsimply on "unable to change font style on headings" http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings#post-999604 Wed, 05 Sep 2012 21:47:36 +0000 designsimply 999604@http://en.forums.wordpress.com/

Thank you! That does work, except when I do that, the heading is no longer in the serif font.

What is happening is that the font+style you set on the fonts page is the only one available on the front end. So, if you set up a font as italic via the Appearance → Custom Design → Fonts page, then you can only use the italic version on the blog itself. You can override the font style with custom CSS, but it will use the font stack and fall back to the next closest font on the list because the non-italic version isn't loaded. Sorry for the trouble that's causing you!

@zandyring, the .wf-active part of the selector is something WordPress.com-specific. It will work in the same way as the "!important" rule I mentioned above, but the "!important" rule is more portable (i.e. it will still work for someone using the same theme on a WordPress.org blog) and so that's why I usually recommend it instead of using .wf-active.

]]> zandyring on "unable to change font style on headings" http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings#post-998172 Tue, 04 Sep 2012 17:55:44 +0000 zandyring 998172@http://en.forums.wordpress.com/ I'm looking at the H4 tag on your portfolio page - seeing "Encore Magazine" for a reference.

The font that is targeted at that tag is only an italic, best I can tell. The pt-serif font is what I'm seeing, for your info.

The tag is this:

.wf-active .post-entry h4

And it is actually specifying the font-style: italic and font-variant: normal. I would get to the bottom of that font, and I think you may have your solution.

]]> kathrynalmy on "unable to change font style on headings" http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings#post-998077 Tue, 04 Sep 2012 16:07:48 +0000 kathrynalmy 998077@http://en.forums.wordpress.com/ Thank you! That does work, except when I do that, the heading is no longer in the serif font.
I am using these heading on the portfolio page: http://kathrynalmy.wordpress.com/portfolio/
Is there any way I can fix that?

]]> designsimply on "unable to change font style on headings" http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings#post-997994 Tue, 04 Sep 2012 15:01:59 +0000 designsimply 997994@http://en.forums.wordpress.com/ The font change from the Appearance → Custom Design → Fonts page is very specific, and so if you would like to override it using custom CSS you should use the "!important" rule.

Please try the following:

.post-title h4 {
	font-style:normal !important;
}

If you have any trouble, please post a link to the post or page you are working on that has the h4s you are trying to change.

]]> kathrynalmy on "unable to change font style on headings" http://en.forums.wordpress.com/topic/unable-to-change-font-style-on-headings#post-993527 Fri, 31 Aug 2012 14:29:44 +0000 kathrynalmy 993527@http://en.forums.wordpress.com/ I am using the Chateau theme with custom design. I have selected a Custom Font for Headings and selected the style to be Italic.
I would like some headings to be italic and some not. Using the CSS editor, I have been able to change some properties of headings (size, color) so I believe I’m identifying them correctly, but whatever I try I am unable to change the font style.
Among other things, I would like the h3s and h4s to not be in italics. This is what I've tried:
.post-entry h4 {<br /> font-style:normal;<br /> }
I have also tried setting the Custom Font back from italic to normal and then setting certain headings to font-style: italic, but that doesn’t work either. What am I doing wrong?

]]>