Modules are the last building block in the Divi builder. Think of them as the last items to create your content.

  1. Once you have created the section and the row, you are now ready to add the module.
  2. Click on the grey + button and choose the module you would like to add.

Module Sizing

  1. Hover over the border of the module (grey part)
  2. Drag the border to edit the size.

Add Column next to the module

  1. Hover over the border,
  2. Click on the + sign
  3. Choose the other module

Add Module under (same row)

  1. Hover over the module box,
  2. Click on the + sign
  3. Choose the other module

Settings Module

  1. Hover over the module box,
  2. Click on the wheel sign
  3. A box will open (the setting of the module)

Duplicate under (same row)

  1. Hover over the module box,
  2. Click on the two square sign
  3. A box will open (the setting of the module)

Section Design Options

Within the design tab, you will find all of the section’s styling options, such as sizing and spacing. This is the tab you will use to change how your section looks. Every Divi section type has a long list of design settings that you can use to change just about anything.

Custom Padding

Here you can adjust the padding of the section to specific values, or leave blank to use the default padding.

Visibility

  • Control which devices your section appears on.
  • Disable your section on tablets, smartphones, or desktop computers individually.

Using Full-Width Sections

Full-Width sections give you access to a new set of Modules. These modules take advantage of the full width of the browser.

  1. Add a new full-width section to your page,
  2. Click the Add Modules button within the section to add a full-width module.
  3. There is no concept of rows or columns, it will fill 100% of your page width. Fullwidth modules are a great way to add a visual break to the page!
Did this answer your question?