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 a nice one. I used it on my site straight away 🙂 Thanks for sharing Nelson.
Hi Nelson,
It’s a simple one but i love it. thx 🙂
Thanks Jan, I do too!
So awesome, thank you so much!
You are welcome!
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 😍😍😍😍😘
Thank you Muthyam! Really appreciate your kinds words and I hope you find my content useful!