Divi Gutter Width

Adjust your row settings.

Divi gutter width.

Please request different layouts via my contact form or comment on this post and i ll get it sorted out update 2. Optional values for gutter width range from 1 to 4. Here s how to resize divi column widths. 3 represents a 5 5 right margin between columns.

It lets you select a value between 1 and 4 which produces the following gap between each module as a of the column width. To do this go into the row settings set use custom gutter width to yes. Hey this is jimi blevins. Before we begin the main part of the tutorial you need to make sure your row has a few settings in place first.

Divi extended column layouts 31785 downloads update. Gutter width refers to the spacing between columns. Since release this plugin has gained lots more layouts speciality layouts and support for every gutter size available using divi. Text version of this divi wordpress tutorial.

I ve got a really quick tutorial for you today. Since we are using the divi gallery module gutter width also refers to the spacing between gallery items. It is difficult to adequately build a grid with correct margins on the fly. With any divi row element the optional values for gutter width range from 1 to 4.

Make sure the row width and row max width are both set to 100. Gutter width is just a fancy term for the margin between columns within a row. 1 represents zero margin between columns. This will bring up the gutter width option.

4 represents a 8 right margin between columns. 2 represents a 3 right margin between columns. It helps ease the pain for spacing out columns evenly.