How To Change the Color of the Divi WordPress Cursor Text Highlight Tutorial by Pee Aye Creative

How To Change the Color of the Cursor Text Highlight In Divi

Here is an easy and fun way to change the background color of the cursor text highlight. This works in Divi or WordPress, and is great for branding!

It’s not going to get much easier than this. To change the default cursor highlight color, first go ahead and copy and paste the snippet below into your website in Divi>Theme Options>Custom CSS

/*change color of text highlight*/
::-moz-selection {
  color: #ebf8f1;
  background: #2cba6c;

::selection {
  color: #ebf8f1;
  background: #2cba6c;

Now all you have to do is change the color of the text and the background color to whatever you want! On our site, we made the background color the main green on our site, and the text color the light green in our backgrounds. So feel free to experiment with this, and have fun!


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.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Recent Posts

Leave A Response!

Notify of
Newest Most Voted
Inline Feedbacks
View all comments
20 days ago

That’s a nice one. I used it on my site straight away 🙂 Thanks for sharing Nelson.

15 days ago

Hi Nelson,
It’s a simple one but i love it. thx 🙂

SouL RebeL
8 days ago

So awesome, thank you so much!

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Would love your thoughts, please comment.x

Pin It on Pinterest


Your Cart