Changing the header fonts
-
Hi, I’m trying to change the font style and color on my headers at the top of each page (but not the featured pages under the slider). Also, I would like to remove the icon that sits at the left of those headers. Can anyone help me out?
-
Remove icon:
.format-icon:before { display: none; } .entry-summary.format-icon:before, .entry-content.format-icon:before, article.page .format-icon:before, article.format-standard .format-icon:before, article.format-gallery .format-icon:before, article.format-aside .format-icon:before, article.format-chat .format-icon:before, article.format-audio .format-icon:before, article.format-video .format-icon:before, article.format-status .format-icon:before, article.format-quote .format-icon:before, article.error404 .format-icon:before, article.format-image .format-icon:before, article.format-link .format-icon:before { display: none; }Link would help with first question.
Thank you very much for your help, the code you gave me worked perfect. I removed the icons from the top of each page, now I would just like to change the header font and color on those pages..how can I do that?
Also, here is the link to my page: http://afscme-3634.org/Change color:
/* Change colour of menu/navbar items*/ .navbar .nav > li > a { color: red; } /* Change colour of first letters in menu */ .navbar .nav > li > a:first-letter { color: red; }And font:
/* Change colour/font of menu/navbar items*/ .navbar .nav > li > a { color: red; font-family: Georgia; } /* Change colour/font of first letters in menu */ .navbar .nav > li > a:first-letter { color: red; font-family: Georgia; }Has to be done in child theme if not using 3.0.9 as < character will be ignored.
Doh! I mean the > character
Thanks for your reply, but that code changed the font/color of the titles on my navigation bar, but what I really want to do is change the font/color on the header of each page, for example the “President’s Message” header at the top of that particular page. I tried to adjust the code you sent to affect those pages, but couldn’t get it quite right.
Thanks again, I appreciate your help!
OK, try this:
.marketing h2 { color: #FF0000; }Change #FF0000 (red) to what you need
Thanks, unfortuantely it’s still not changing what I want. That changed the three featured page headers (blue now). You can see here” http://afscme-3634.org
But what I want to change is the headline at the top of each page, for example the “Members Only” headline at the top of that page. http://afscme-3634.org/members-only. Is it possible to change that text?
Here you go:
.entry-title.format-icon { color: #FF0000; }That will change the color. Did you mean change the text? That will be one of your Page titles.
Perfect, thank you!
The topic ‘Changing the header fonts’ is closed to new replies.
