Subscribe On YouTube

Join other subscribers and enjoy other Divi video tutorials!

How To Change The Cursor Text Select Highlight Color In Divi

Nelson Miller Profile Orange
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!

▶️ Please watch the video above to get all the exciting details! 👆

It’s not going to get much easier than this. To change the default cursor highlight color, first you simply need to add some custom CSS to your website.

Where To Paste The CSS Code

1. Divi Assistant
If you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.

2. Child Theme
If you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.

3. Divi Theme Options Integration
Otherwise, paste this code in your Divi>Theme Options>Custom CSS code box.

If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi.

/*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!

how to Set Cursor Text Highlight Color using the Divi Assistant plugin

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin
Divi Logo (2)

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Featured Products

Asset 4

New! Trail Guides

Follow a series of blog posts carefully arranged around a specific topic or goal! Keep track of your progress by marking posts completed, just like a free course!

View Trial Guides

Divi Tutorials On YouTube

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

Visit Our Channel

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

11 Comments

Comments By Members

These comments are highlighted because they were posted by fans who have a membership on this site.

Comments By Others

  1. ly

    Why did I use no effect

    Reply
  2. Streater

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

    Reply
  3. 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
  4. Jan

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

    Reply
  5. Miro

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

    Reply

Submit a Comment

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

Recent Posts

Shopping cart0
There are no products in the cart!
You may be interested in…
Graphic showcasing Divi Assistant features and toolset.
From: $69.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Divi Carousel Maker Plugin by Pee Aye Creative
From: $29.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Logo for D Beginner Course with graduation cap
From: $47.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Divi Events Calendar Plugin Modules For The Events Calendar by Pee Aye Creative
From: $54.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Continue shopping
0