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!

Add Branding With A Cursor Highlight Color

A Fun And Easy Way To Improve Your Website

A lot of my tutorials tend to be functionality or fixes or things like that. But let’s have some fun! This quick snippet will allow you to change the cursor highlight color on your Divi website to anything you want! We use it on our site, and we think it adds a nice touch of extra branding to subtly impress your site visitors. Try it out!

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!

That's it!

I hope you have enjoyed learning How To Change the Color of the Cursor Text Highlight In Divi. Please share your thoughts in the comments below. If you find value in this type of post, please subscribe because we have tons of tutorials in progress to be posted!

Subscribe for more stuff like this.

We have more cool stuff coming for our subscribers!

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.