fbpx

Highlight Effect

Highlight Halfway Up Text
This is the website used in the tutorial: https://cssgradient.io/


Highlight Full Height Of Text
If you want the highlight to extend to the very top of your letters, you don’t need a gradient. The code would simply include the hex code for one color like this:

.highlight span{
background: #E6E840;
}

Highlight Single Word In Sentence
If you wanted to highlight a single word in a sentence like you did in the example image, you would do the following:

1) Add the CSS code as described in the tutorial
2) Drag in the Text module to create your heading
3) In the “Text” portion of the Editor, add this code around the word you want to Highlight:

<span class=”highlight”></span>

For example:
This is my <span class=”highlight”>awesome</span> heading