Custom header text

[woodall0511]

How to change the font, size, and placement of the header text

[anotherusername]

Changing the font and font size is almost always done in your CSS file.

Changing the placement MIGHT be done in your css file, but deending on WHERE YOU want it to appear, you might have to use hooks to unhook the current location and hook it into another location.

[Tim Squires]

Hi,

Depending upon which fonts are in your current theme, you may need to install the ones that you need.

There are a few options available, but I usually use Google Fonts. Instructions for adding these to your theme are here:

To add the font and adjust the size you need to find the right code in your CSS file and adjust accordingly. For example, the appropriate code in the Executive Pro theme is this:

/* Title Area
--------------------------------------------- */

.title-area {
	font-weight: 700;
	float: left;
	overflow: hidden;
	width: 320px;
}

.site-title {
	font-size: 36px;
	line-height: 1.25;
	margin: 0 0 5px;
}

You would add the name of your chosen font into the .title-area code section, and adjust the size in the .site-title code section (from 36px to whatever you need)

I hope that helps!

---

timsquires.com.au

[Tim Squires]

Sorry, re-posting link to Google Fonts instructions:

http://my.studiopress.com/tutorials/load-google-fonts/

---

timsquires.com.au

[Author]

Posts