Change Color Scheme

Want to change the color scheme of your site built using the Molti Ecommerce Child Theme? This guide will help you do so.

Change Buttons Color from Preset

Open any page using the Visual Builder and open the button Module settings, then click on the Preset link below the Module Name in the Modal. And then Edit the “Main Gradient Button” Preset Styles. The Modal will flip, then open the Design tab -> Button -> Button Background -> and here edit the Gradient Color or add your own solid color by removing the Gradient Color.

Using Divi’s Find & Replace

To Change Every Element’s Color on your page, you can use Divi’s Find & Replace. First Enable the Divi Builder on the page you want and then open any Module settings that have the Orange Color, then right-click on the Color code and choose Find & Replace. Then simply add your color and make sure to select the Checkbox that says “Replace All” then click the “Replace” button below to change all the orange colors to the one you did.

Edit Color from Module Content

Molti Ecommerce Child Theme uses a Dual Color Heading Theme. And to change those colors on your page. You’ll have to Edit the Text by just double-clicking or selecting the text then change the Text Color to your color and then do the same for all the Text on your page.

Change Color from Style.css

You’ll also have to change the Molti Ecommerce Color code to your Color code from the Theme’s Style.css File. For this, go to Appearance -> Theme Editor and look for #ff8057 and change it with your color. And for the “Gradient color” look for #FF8057 (Gradient Color 1) and #ff5c26 (Gradient Color 2) and change both of them with your color using any Text Editor like Sublime.