Global Colors For Divi
Update Colors Across Your Entire Website Instantly
Today we are excited to release Global Colors for Divi, a new dynamic color system that allows you to create and control colors across your entire website. Now you can build your own dynamic color palette of global colors. When you change a global color, all elements using that color are updated. That means you can control your entire website’s color scheme from a single location while using the builder; adding and managing colors as you see fit.
Build Your Own Dynamic Color Palette Of Global Colors
When you adjust a color setting in Divi, you will notice a new “Global” tab next to the existing “Saved” and “Recent” color palettes. Opening the global tab will reveal your global color palette, allowing you to manage and apply global colors. Click the plus icon to add a new global color to your palette, or click the gear icon to manage existing colors.
Clicking on a global color with apply that color to your element. You can tell if a color setting has a global color applied by looking at the shape of the color swatch. Global colors are signified by their unique droplet shape. Global colors are different than static saved colors because their color values are dynamic and linked between all elements that use them. If you change a global color, all elements using that color across your entire website will change too.
Instantly Update Your Entire Website's Color Scheme
Once your website is using global colors, you can adjust your website’s color scheme in just a few clicks. Global colors can be used for anything: backgrounds, buttons, text and anything else on your page. Not only can you add new global colors, you can also edit existing global colors. When an existing global color is updated, all elements using that global color are updated too. A Divi website using global colors can have it’s entire color scheme changed in just a few moments. That’s the beauty of Divi’s global color system.
Pro Tip: Convert Static Colors To Global Colors!
Starting off a new website using global colors is a great time saver, but it’s also easy to update your existing website to use global colors. You can right click on any existing static color and choose the “Covert To Global” option. This will automatically add the color to your global color palette and apply the global color to the active color setting.
Next, you can use Divi’s Find & Replace system to replace your static colors with global colors in one fell swoop. Once your page has been converted to global colors, you can change the entire page’s color scheme using the global color palette.
Join Or Upgrade Today For 10% Off!
Today's The Best Day To Get Divi Or Upgrade Your Account To Lifetime
Join the most enthusiastic and loving WordPress theme community on the web and download Divi today. Using the new Visual Builder, you can build websites faster than ever before with its incredibly fast and intuitive visual interface. You have to see it to believe it!