How to Customize Your Text Selection on Your Divi Website
In our tutorial on How to Customize Your Browser Scrollbar, we talked about small changes with big impact that can add that extra bit of color and branding to your website.
We’re back today with something similar! In this Divi tutorial, I’m going to show you how to customize the select color on your Divi website.
Not sure what I’m talking about!? Let’s look at a before and after:
Before our customization:
After our customization:
The CSS to Customize Your Website Select Color
Here’s the CSS! As you can see, it’s only a few lines. You can copy this CSS and place it in one of the following places:
- In the Custom CSS Box in Divi Theme Options
- In your Child Theme’s Style.CSS File (learn how to create a Divi Child Theme, if you don’t know already)
- In the custom CSS box within the Divi Page Settings (on the page you’d like to customize)
Obviously change the colors as desired, but that’s it! Simple huh?
Be sure to subscribe below to be notified of new Divi tutorials, Divi freebies, and more!