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>