Typography Styles

All these styles are accessible from the WordPress editor by selected the text you wish to wrap and selecting the desired option from the Formats drop-down.

Intro Text

Add an introductory larger-size text by wrapping a paragraph in a p tag with the “intro” CSS class by selecting the text and clicking Intro Text from the Format dropdown:

<p class="intro">Larger text will usually be read before.</p>

Highlight Text

To highlight text, wrap it in a span tag with the “highlight” class by selecting the text and clicking Highlight from the Format dropdown:

An example of <span class="highlight">highlighted</span> text.

Drop caps

Add drop caps by wrapping the first letter of the first word in a span tag with the “dropcap” CSS class just by selecting the text and clicking Dropcap from the Format dropdown:

<span class="dropcap">F</span>irst letter.

Two Columns

To split the text into a two-column layout, wrap it in a div tag with the “twocolumn” CSS class just by selecting the text and clicking Two Columns from the Format dropdown:

<p class="twocolumn">Small columns of text are easier to read.</p>
Updated on August 26, 2020

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.