Text Effects

The available effects are text-underline, text-stroke, text-border and text-highlight.

To create the effect you just need to wrap the text of your html heading tag (h1, h2, h3, h4, h5, h6) with a span of the class name corresponding to the desired text effect.

1. Wrap the text of your heading tags with a span of the class name of the desired effect:

<h2><span class=”text-underline”>Your text</span><h2>

Your text


<h2><span class=”text-stroke”>Your text</span><h3>

Your text


<h2><span class=”text-border”>Your text</span><h2>

Your text


<h2><span class=”text-highlight”>Your text</span><h2>

Your text


2. You can also combine different effects:

<h2><span class=”text-stroke text-border”>Your text</span><h2>

Your text


<h2><span class=”text-underline text-highlight”>Your text</span><h2>

Your text


<h2><span class=”text-highlight text-stroke text-border”>Your text</span><h2>

Your text