We’ve looked at how to style typical paragraph text in Agility 3.2 for the Thesis 2 theme. Next we’re going to look at how to style typical headings. By typical heading what I mean is headings that reside inside of the content.
Heading Styles Available
You style typical headings with these headings h1, h2, h3, h4, h5 and h6. Here’s an example of an h2 inside of this content area of this page. Let’s go back over to layout and take a look at it there. So here’s that h2 that is inside the content of this page.
If you wanted to adjust the size of this h2 with headings h2 you can do that here. And you can select a new font family if you wish. So you can select a different font size and you can select a different font color.
Wide Range of Options
You have a much wider range of font style options now because headings often are unusual or decorative. Because of that you have more control over what can be done with them. Some of the things you can do are as follows:
- Capitalize Headings
- Uppercase Headings
- Lowercase Headings
- Center Align the Headings
- Change to Small Caps or Normal
- Change the Letter Spacing
- Add Top and Bottom Margin
Headings have the full range of additional font styles available.
So h1 through h2 works all the same. You’re seldom going to use the h1 because the typical h1 is the page title which is styled separately. There may be a case when you may not use a page title for one reason or another and then you would put an h1 inside the content. That h1 would play a role in that case.
That’s how you set typical content headings in Agility and just like with paragraph text, it automatically resizes these for the full width areas.