Typography Styles

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

All these styles are acces­si­ble from the Word­Press edi­tor by select­ed the text you wish to wrap and select­ing the desired option from the For­mats drop-down.

Intro Text

Add an intro­duc­to­ry larg­er-size text by wrap­ping a para­graph in a p tag with the “intro” CSS class by select­ing the text and click­ing Intro Text from the For­mat drop­down:

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

Highlight Text

To high­light text, wrap it in a span tag with the “high­light” class by select­ing the text and click­ing High­light from the For­mat drop­down:

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

Drop caps

Add drop caps by wrap­ping the first let­ter of the first word in a span tag with the “drop­cap” CSS class just by select­ing the text and click­ing Drop­cap from the For­mat drop­down:

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

Two Columns

To split the text into a two-col­umn lay­out, wrap it in a div tag with the “twocol­umn” CSS class just by select­ing the text and click­ing Two Columns from the For­mat drop­down:

<p class="twocolumn">Small columns of text are easier to read.</p>

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

Updated on April 6, 2017

Was this article helpful?