WordPress

How to Manually Highlight Text in WordPress

Highlight-Text-in-WordPress

Highlighted text help you to attract your audience attention in specific area. It will help you to attract your offer, promotion or new product launch text by highlighting it. But you won’t be able to highlight text in your default WordPress editor. There  is no text highlight option in the classic WordPress editor.

So don’t worry here in this article we will show you the easiest way to highlight your text without installing any plugin.

Highlight Text in WordPress

Inline Styling

In this method you just need a one line code to highlight your text. It’s very simple to add this code in text editor. It’s as simple at it shows .

 

highlight-text-in-Wordpress

The codes are

<span style="background-color:green;"> … your text here … </span>

You can add any color you want or use the color code. For example

<span style="background-color: #FFFF00;"> … your text here … </span>

Now click on the visual tab you can see your highlighted text.

highlight-text-in-wordpress

There is a disadvantage in this method. if you want to change the color or remove highlight then you need to go back to each post and reedit it.

CSS method

If you want to change the highligh colour of all your text then you need some CSS code. At first create a CSS “class.” For example, let’s create one called “highlight-text” then apply a background color.

All you have to do is insert the below code in your CSS file. You can choose any color you want Go to Appearance> Customizer> Additional CSS. Add this code in it and publish.

.highlight-text { background-color:#FFFF00; }

After that switch to the “Text” view in your WordPress editor and wrap the text you want highlighted in the following manner:

Now check your live page your text should be nicely highlighted.

We hope this article will help you to highlight your text.

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *