Manage Your Entire Website’s Color Scheme From Inside The Visual Builder

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!


Staring 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.


The post Manage Your Entire Website’s Color Scheme From Inside The Visual Builder appeared first on Elegant Themes Blog.

Go to source

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.