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!

16
Last updated Jan 3, 2021 @ 12:57 pm

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.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

9 Comments

  1. Miro

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

    Reply
  2. Jan

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

    Reply
  3. SouL RebeL

    So awesome, thank you so much!

    Reply
  4. Muthyam Bumesh

    Your one of the best and creative person for divi theme, i am fallowing your tutorials that’s amazing and I loved it. Also love you #pee-aye creative 😍😍😍😍😘

    Reply
  5. Streater

    Really cool… is there a way to change the highlight color for areas where the background color is already that color?

    Reply

Submit a Comment

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

Asset 7

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Recent Posts

How To Properly Update Divi

How To Properly Update Divi

In this tutorial, I am going to explain how to properly update Divi by listing the most important steps to take to ensure peace of mind.

Pin It on Pinterest

0

Your Cart