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!

18

Last updated Jan 3, 2021 @ 12:57 pm

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore :)

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

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

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

11 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
  6. ly

    Why did I use no effect

    Reply

Submit a Comment

Your email address will not be published.

Recent Posts

Pin It on Pinterest

0

Your Cart