Changing Font Style and Size for Post and Page Titles

[LORFcaMember Post count: 3]

I have the Mocha theme.  I’d like to change the blog post titles and page titles font to match the same font used in the site name and widget titles.  Is this all done in the style.css file?  I’m a beginner at CSS.  Any suggestions would be greatly appreciated!  Thanks!

http://www.carriesheart.com

[braddaltonParticipant Post count: 2499]

Add this to the end of your child themes style.css file:

.entry-title {
font-family: 'Dancing Script',cursive;
}

---

WordPress Developer & Consultant
Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

[LORFcaMember Post count: 3]

This worked wonderfully!  Thank you!  Is there anyway I can include the ‘Dancing Script’ font to show on the main page as well as the post excerpt titles on the main page?  The font only shows as ‘Dancing Script’ when I click on the post.

[LORFcaMember Post count: 3]

Just realized that my above request to use ‘Dancing Script’ site wide may not be the smartest choice.  If other readers can’t see that specific font, why bother?  If it’s wiser to keep the ‘Droid Serif ‘, can I at least make the font size smaller on the blog post / page titles?  The original titles per the theme is huge – it looks a little ridiculous!  … and I tend to have longer blog titles.

Thanks!

[braddaltonParticipant Post count: 2499]

I suggest you install the Firebug addon for Firefox and inspect the elemnet to find the classes which you need to target for this.

Then you can change the values for font-size and font-family in real time on your site by adding a new CSS rule before you make the changes permanent in your child themes style.css file.

.entry-title {
font-family: 'Dancing Script',cursive;
font-size: 26px;
}

You’ll need to find the CSS rules for the home page in your style.css file or by using Firebug.

You’ll see them under the Headlines section of your style.css file

---

WordPress Developer & Consultant
Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

[LORFcaMember Post count: 3]

Don’t laugh, but I have Firebug and didn’t realize I could actually change CSS in real time!  Thank you for the valuable tip.  I know exactly where to make the font style change now!  I desperately want to like Genesis and since I don’t know a lot of CSS, I sincerely appreciate this forum and your time and patience.  Thanks again!

[Author]

Posts