How to change a Divi child theme or layout pack color scheme

Docs » How To Change The Color Scheme

Documentation & Support

How To Change The Color Scheme

General Directions

Changing Colors In Divi

The colors that are set in Divi modules can be changed easily within the builder. You can use tools like “Extend Styles” or “Find & Replace,”  or modify the default “Presets.” You can also make it easier by filtering the module settings that have been modified by using filters like “Modified Styles.” Those will be very handy and allow you to update your color scheme in Divi very quickly. You can learn how to do this step by step with each method in the tutorial linked below.

Changing The Hex Colors In The CSS

Aside from the colors that are set in the Divi Builder, there are some parts of the template that are styled with CSS code. To change the hex colors in the CSS of one of our Divi child themes or layout packs, you could manually replace each hex color with a new one, but that would be tedious. It works best and saves time to use a code editor that allows you to use a search and replace feature to change the colors in one click. You can learn how to do that in the tutorial linked below.

Full Blog Post & Video

Please check out our full written blog post and YouTube video which explains the whole process using one of our child themes as an example.

How To Quickly And Easily Change The Color Scheme In Divi

How To Easily Change The Color Scheme In Divi Tutorial by Pee Aye Creative

Last updated Jan 12, 2021 @ 7:34 pm

Get Support

Have a question? Something not going well? I am happy to help!


Pin It on Pinterest

0

Your Cart