A Tutorial Fonts & Sizes

The WP theme has specified sizes, colors, boldness, etc. for standard page tags:

Heading 1 (font-size: 36px; line-height: 42px)

Heading 2 (font-size: 26px; line-height: 30px)

Heading 3 (font-size: 18px; line-height: 24px)

Heading 4 (font-size: 16px; line-height: 22px)


This is a paragraph with the default size set by the theme.

This is an italicized paragraph with increased size and a different color and everything will styled within the opening and closing P tags because I styled the P tag itself. Also notice that the separate stylings are separated by semicolons.

You could also style the entire paragraph by enclosing in H3 tags rather than a P tag to increase the font size and then just style it for italics and color.

Now I just have a regular paragraph again without the P tag being styled.

This is a normal paragraph but I will italicize and increase the size and color of just a bit of it. This is done with a SPAN style inside the P tags.

Colors in HTML are in hex format and here is a link to picking colors: http://cloford.com/resources/colours/500col.htm and notice that the WP theme automatically styles links for you.