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.
