Divi Gutter Width

This will bring up the gutter width option.

Divi gutter width.

Hey this is jimi blevins. 2 represents a 3 right margin between columns. I ve got a really quick tutorial for you today. It lets you select a value between 1 and 4 which produces the following gap between each module as a of the column width.

It is difficult to adequately build a grid with correct margins on the fly. Divi extended column layouts 31785 downloads update. With any divi row element the optional values for gutter width range from 1 to 4. Adjust your row settings.

4 represents a 8 right margin between columns. Gutter width is just a fancy term for the margin between columns within a row. Gutter width refers to the spacing between columns. Since we are using the divi gallery module gutter width also refers to the spacing between gallery items.

It helps ease the pain for spacing out columns evenly. 3 represents a 5 5 right margin between columns. This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress. Here s how to resize divi column widths.

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

Since release this plugin has gained lots more layouts speciality layouts and support for every gutter size available using divi. Before we begin the main part of the tutorial you need to make sure your row has a few settings in place first. To do this go into the row settings set use custom gutter width to yes.