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 dropdown:

<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 dropdown:

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 dropdown:

<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 dropdown:

<p class="twocolumn">Small columns of text are easier to read.</p>
Updated on April 6, 2017

Was this article helpful?

Related Articles