I'm going to start by showing you how to highlight specific words in a paragraph, and then move on to highlighting a whole paragraph.

Step 1:
Go to the text editor of the specific post or page you want to modify, and find the word you wish to highlight.
I chose the word "never":




Step 2:
We will now embed the specific word that we have chosen, inside of a span tag that looks like this <span>...............</span>.
We do that, to separate the specific word from the rest of the text and to be able to give it the styling that we desire.



Step 3:

Now, if I want to highlight the word "never" with, lets say red, I have to include this code in my opening tag: style="background-color: red;"

, so my code will now look like this:


If i wish to use another color, for example a nuance of red that doesn't have a name, I will use the hexadecimal code of that nuance.
And here is where the color picker comes in. You can replace the word "red" with a hexadecimal code, so your code will look like this:

Go ahead and click on Visual to see how it looks:





On the Next page I will show you how to highlight a paragraph.












Join the Discussion
Write something…
Recent messages
Chrissies Premium
Many thanks for this Athanasia :)
Reply
Athanasia Premium
You're welcome Chrissie :)
Reply
SadieChan Premium
Thanks, Great training.
Reply
Athanasia Premium
My pleasure Sadie :)
Reply
GautamWorld Premium
Useful information. Thank you, Athanasia!
Reply
Athanasia Premium
You're welcome Gautam :)
Reply
reanna1 Premium
Thank you so much, Athanasia!
Reply
Athanasia Premium
You're very welcome Reanna :)
Reply
jvranjes Premium
This is very useful. I use these color blocks a lot. Have problems with tables but it works somehow. No idea if this is well accepted by readers or not. Do you know more?
Reply
Athanasia Premium
Thank you Jovo :)

If it's well accepted by readers?
Well it depends on how you use it. Everything matters; the colors, where you will place it, if the content inside of the box needs to be highlighted etc.
A website can have a bad or good user experience and that depends on many things.
Here is an interesting article about user experience
https://www.usertesting.com/blog/2015/09/16/what-is-ux-design-15-user-experience-experts-weigh-in/
Reply
jvranjes Premium
Obviously very hard to find an answer.
Reply
Athanasia Premium
yes lol
Reply
Top