How To Add Text Highlights, Accents, and Underlines in Divi

Here's a fun tutorial that will help you add several different styles of highlights, accents, and underlines to text in your Divi website. Enjoy!

1. Multi-Line Text With Color Background Around Each Line

The first example of text highlights in Divi is my favorite and is fairly popular on modern websites. To create a multi-line colored background highlight like this, just add a CSS class inside the module’s Advanced Tab Custom CSS input area. In this example, we are using the class “pa-multi-line-highlight.” 

Note that we are using this with an H2 in this example, so just change the H2 in your snippet to whatever you need such as H1, p, span, etc. Copy and paste one of your choice into the Divi>Theme Options>Custom CSS box.

There are two code snippets below, one for each of the examples. Copy and paste one of your choice into the Divi>Theme Options>Custom CSS box.

Copy and paste this code snippet into the Divi>Theme Options>Custom CSS box.

Change the Divi Gallery Image Aspect Ratio

Go ahead and copy and paste the CSS snippet into the Divi>Theme Options>Custom CSS box. (I added the “h2 strong” so that you could visually see it above, but you can remove that from the snippet.)

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

OUR BLACK FRIDAY SALE IS HERE!

30% OFF all Divi Child Themes, Plugins, and Layouts!

Related Posts

Leave A Response!

2
Leave a Reply

avatar
  Subscribe  
newest oldest most voted
Notify of
Samson
Samson

Cool tips! So simple and good looking. Thanks Nelson 🙂

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

BLACK FRIDAY SALE - 30% OFF all Divi Child Themes, Plugins, and Layouts Shop Divi Products

0

Your Cart