Typography Styles

Silk offers a series of custom styles, which you can view on the style guide page of the demo.

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 April 6, 2017

Was this article helpful?

Related Articles