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.

2 represents a 3 right margin between columns. It helps ease the pain for spacing out columns evenly. 4 represents a 8 right margin between columns. Optional values for gutter width range from 1 to 4.

1 represents zero margin between columns. That is why divi has the gutter width option for each row. Gutter width refers to the spacing between columns. Adjust your row settings.

Divi extended column layouts 31785 downloads update. Before we begin the main part of the tutorial you need to make sure your row has a few settings in place first. Since we are using the divi gallery module gutter width also refers to the spacing between gallery items. To do this go into the row settings set use custom gutter width to yes.

It is difficult to adequately build a grid with correct margins on the fly. I ve got a really quick tutorial for you today. This will bring up the gutter width option. With any divi row element the optional values for gutter width range from 1 to 4.

This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress. Make sure the row width and row max width are both set to 100. 3 represents a 5 5 right margin between columns. Hey this is jimi blevins.

Here s how to resize divi column widths. Text version of this divi wordpress tutorial. It lets you select a value between 1 and 4 which produces the following gap between each module as a of the column width.