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.
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.
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.
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.
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.
Make sure to clear your WordPress/CDN cache for changes to appear.
We've used Sublime Text Editor, but you can use any other that Support Replace feature!
You'll also need to change the color from Customizer. For that, go to Appearance -> Customizer and then go to General -> Typography -> and change Body Link Color.
Last modified 3mo ago