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>

This article applies to Gema, Hive, Patch, and Silk as they share the same underlying structure.

Updated on September 4, 2019

Was this article helpful?