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.

Divi gutter width.

Optional values for gutter width range from 1 to 4. 3 represents a 5 5 right margin between columns. Before we begin the main part of the tutorial you need to make sure your row has a few settings in place first. Text version of this divi wordpress tutorial.

Make sure the row width and row max width are both set to 100. With any divi row element the optional values for gutter width range from 1 to 4. To do this go into the row settings set use custom gutter width to yes. Here s how to resize divi column widths.

That is why divi has the gutter width option for each row. It helps ease the pain for spacing out columns evenly. Gutter width refers to the spacing 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.

Since release this plugin has gained lots more layouts speciality layouts and support for every gutter size available using divi. This will bring up the gutter width option. 2 represents a 3 right margin between columns. Gutter width is just a fancy term for the margin between columns within a row.

1 represents zero margin between columns. I ve got a really quick tutorial for you today. Be sure the row has a custom gutter width toggled on and set to 1. 4 represents a 8 right margin between columns.

Since we are using the divi gallery module gutter width also refers to the spacing between gallery items. Divi extended column layouts 31785 downloads update. Hey this is jimi blevins.