How to Customize Your Text Selection on Your Divi Website

by | Nov 13, 2020 | DIVEMBER, Divi Tutorials | 12 comments

Welcome to D I V E M B E R (Divi + November) here at Divi Life! All month long during November we’re going LIVE on Facebook & YouTube, and publishing new tutorials, freebies, new product features, new product releases, and more! Make sure you subscribe to our email list so you don’t miss any of the action or awesome free stuff! And, follow us on Facebook & YouTube to be notified when we go LIVE.

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:

  1. In the Custom CSS Box in Divi Theme Options
  2. In your Child Theme’s Style.CSS File (learnΒ how to create a Divi Child Theme, if you don’t know already)
  3. 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!

12 Comments

  1. Avatar

    Hello,
    Really good and the funny thing is that
    I was wondering for a few days how to do that!
    Because I saw that on many sites and in particular yours!
    Thanks again

    Reply
    • Avatar

      Thanks for watching, Bruno! I’m glad the timing worked out πŸ™‚

      Reply
  2. Avatar

    Loving the tutorials. Thanks a lot from New Zealand.
    Curious if could maybe do some videos on linking up the emails and chat bots.
    Cheers again!

    Reply
    • Avatar

      Thanks for watching, Rus! And I’ll add that to the list πŸ™‚

      Reply
  3. Avatar

    Replay > Germany

    Reply
  4. Avatar

    Thanks Tim, Super cool
    Replay from Belgium

    Reply
    • Avatar

      Glad you like it, Marc πŸ™‚

      Reply
  5. Avatar

    Replay > Norway πŸ™‚

    Reply

Submit a Comment

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

Pin It on Pinterest

Share This