Divi Gallery Gutter Width

With any divi row element the optional values for gutter width range from 1 to 4.

Divi gallery gutter width.

The last step is to override the default width. It s most outstanding design element is the ability to arrange your images in a grid layout and create grid spacing. With the divi gallery module we can create awesome eye catching galleries that ll draw in our website visitors. This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress.

1 represents zero margin between columns. Paste one line of css. 1 represents zero margin between columns. I ve got a really quick tutorial for you today.

2 represents a 3 right and bottom margin between columns. Text version of this divi wordpress tutorial. The divi gallery module of the divi page builder is a widget for creating stunning and beautiful galleries on your website. Yes and select 1 for gutter width.

3 represents a 5 5 right and bottom margin between columns. About the divi gallery module. In case you were wondering the values for gutter width range from 1 to 4 and represent the following. The easiest way to customize the spacing between your images in the divi gallery module is to adjust the gutter width of its parent row.

Hey this is jimi blevins. In this divi mini series we re going to go over 5 impressive divi gallery layouts and how to create them. Or less than 4 for example 3 as well. We can resize the divi column widths by using some css to force the columns to any size we desire.

Then in the design settings of the row choose use custom gutter width. Simply copy the css code snippet below and paste it in each column. Gutter width refers to the spacing between columns. You can use any percentage width you want but always be sure it equals 100 exactly.

Some of these examples will be fairly simple and will just require some adjustments to the divi module settings.