Customize Color Picker Palette

by Divi Dude

Oh, how I love the Custom Color Picker Palette. Oh, how I hate to try and say that fast three times. I have a confession: I used Divi for well over a year before I realized what the Custom Color Picker Palette was for. Now, I can’t live without it. I like to use the same colors over and over and over. And in the past, I would retype the color’s hex values over and over and over. Not anymore. Not with the Custom Color Picker Palette. It’s found in the Custom Theme Settings in the Divi folder on the left hand menu in WordPress.

And here’s a sentence I typed where I used all the custom colors I made for this page. Okay, that’s a little annoying, I won’t do that again.

Here’s how it works. You go to Theme Options in the Divi folder on the left hand menu in WordPress. Click on the color you want to replace and type in the color hex value you want to use. Do this for each color you want to replace. And when you’re done, click on the save changes button, and voila, you can use the Custom Color Picker Palette in the modules.

Custom Picker Palette Made Better

Since I wrote the above section, Divi’s Custom Picker Palette has gotten even better.  “How so?” you may ask.  Well, now in addition to showing you the custom colors you’ve saved, it also lists all the recent colors you’ve used on the site by simply clicking the “Recent” text link in the module wherever you see the palette colors.

Watch Video Tutorial on Picker Pallete

Want to see it in action? Well, here’s a video I did.

Must Have Plugins

WP Theme FAQs

WP Rocket - WordPress Caching Plugin

Duplicator Pro: WordPress Backups Made Simple




Favorite WordPress Theme

Divi WordPress Theme

Start Your Newsletter

MailerLite Email Marketing for Small Business

More From Divi Dude

Delete Spam Comments in Bulk Without Plugin on Cloudways

Delete Spam Comments in Bulk Without Plugin on Cloudways

Sometimes you screw up and forget to turn off comments on your WordPress website, or forget to configure your Askimet, or do both, and then you end up with thousands of comments that are nothing but spam. We’re talking hundreds of pages worth of comments that need to…

Code Snippet Syntax Highlighter that Works with Divi – Review

Code Snippet Syntax Highlighter that Works with Divi – Review

This is one of those plugins that’s only going to appeal to a certain number of people. People like me who have a need to add syntax code to websites. But if you’re one of those people, then I recommend you get the plugin — Divi Code Snippet Module — from the creator of Divi Booster. I tried 3 or 4 plugins in WordPress, every one of them …

3 Easy Ways to Add Pinterest Board Pins to Divi Websites Without Plugins

3 Easy Ways to Add Pinterest Board Pins to Divi Websites Without Plugins

Here’s the dilemma. When I build websites, I build them primarily for a landscape screen. Most of my photos are optimized for landscape screens. My Facebook and Twitter graphics are for landscape screens. But Pinterest prefers portrait style graphics for its pin boards. See the problem? My website has graphics that are wider than they are long (landscape). Yet, Pinterest wants graphics that are taller than they are wide (portrait).

Join Our Awesome List

Join our mailing list to receive the latest news and updates from Divi Dude. We don't write often, but when we do, everything will more or less be spelled correctly (oh, and be interesting and fun and knowledge based).

Thanks Dude! You've successfully subscribed.

Pin It on Pinterest

Share This