⚒️Customize the Layout
Once your layouts are added and active, you can easily customize them to match your brand and style. Open any layout in the Divi Builder, and you’ll be able to:
Change colors, fonts, and spacing
Replace demo text and images with your own
Add or remove sections and modules as needed
Adjust button styles, icons, and backgrounds
Use Divi’s built-in options to tweak everything visually — no coding needed!
When you’re done, just save your changes, and your WooCommerce pages will reflect your new changes.
Custom Code Edits
Some custom styling and scripts are already added to enhance the design and functionality of the layouts.
Some CSS styles are added inside the Divi Module Settings under the Advanced → Custom CSS section.
Extra CSS and Script are added using a Code Module, which you’ll usually find at the bottom of the layout (named “Code”).
You can open that module to view, edit, or remove the code as needed.
Custom Colors with Code Module
Some extra colors and styles are added using a Code Module inside the layout. To edit or change them:
Open the Code Module in the layout
Look for the CSS color codes (like #F4F5F0, #222222, rgb(34, 34, 34, 0.2) etc.
You can update them with your own colors
This helps you quickly customize the look.
Last updated