Divi Gutter Width

Adjust your row settings.

Divi gutter width.

Be sure the row has a custom gutter width toggled on and set to 1. Divi extended column layouts 31785 downloads update. Here s how to resize divi column widths. Please request different layouts via my contact form or comment on this post and i ll get it sorted out update 2.

Since we are using the divi gallery module gutter width also refers to the spacing between gallery items. I ve got a really quick tutorial for you today. Since release this plugin has gained lots more layouts speciality layouts and support for every gutter size available using divi. This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress.

2 represents a 3 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. 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. It helps ease the pain for spacing out columns evenly. 1 represents zero margin between columns. To do this go into the row settings set use custom gutter width to yes.

Text version of this divi wordpress tutorial. 3 represents a 5 5 right margin between columns. That is why divi has the gutter width option for each row. 4 represents a 8 right margin between columns.

It is difficult to adequately build a grid with correct margins on the fly. Optional values for gutter width range from 1 to 4. This will bring up the gutter width option.