Highlight any part of your post or page

You can highlight anything from individual words, to sentences, to entire paragraphs. First thing you’re going to do is figure out a class name. This name will be used over and over again to put the highlight anywhere in any post or page

I named mine “my-highlight”

Add the name to your custom.css and chose a color you want for the background

.custom .my-highlight {background: #fefdaa ;}

Now, when you write a post or page and you want to insert the highlight anywhere you want make sure you’re in the html editor…

Pick where you want the highlight to start and type in this with the name you gave the class for the highlight…

<span class=”my-highlight”>

Where you want the highlight to stop just add this…

</span>

For example I want to add a highlight to this sentence you would do it like this…

Lorem ipsum dolor sit amet, <span class=”my-highlight”>consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</span> ut laoreet dolore magna aliquam erat

Now it doesn’t matter what post or page you’re writing because you have the selector in your custom.css so all you have to do is call it with the class name you gave it.

Tagged as: highlight, highlight page, highlight post, highlight section