Divi Gutter Width

To do this go into the row settings set use custom gutter width to yes.

Divi gutter width.

That is why divi has the gutter width option for each row. Text version of this divi wordpress tutorial. Be sure the row has a custom gutter width toggled on and set to 1. Gutter width refers to the spacing between columns.

Here s how to resize divi column widths. Gutter width is just a fancy term for the margin between columns within a row. Make sure the row width and row max width are both set to 100. 2 represents a 3 right margin between columns.

Adjust your row settings. 3 represents a 5 5 right margin between columns. It helps ease the pain for spacing out columns evenly. Before we begin the main part of the tutorial you need to make sure your row has a few settings in place first.

Optional values for gutter width range from 1 to 4. Since release this plugin has gained lots more layouts speciality layouts and support for every gutter size available using divi. It lets you select a value between 1 and 4 which produces the following gap between each module as a of the column width. Since we are using the divi gallery module gutter width also refers to the spacing between gallery items.

Hey this is jimi blevins. I ve got a really quick tutorial for you today. 4 represents a 8 right margin between columns. With any divi row element the optional values for gutter width range from 1 to 4.

This will bring up the gutter width option. It is difficult to adequately build a grid with correct margins on the fly. 1 represents zero margin between columns.