Divi Gallery Gutter

It s most outstanding design element is the ability to arrange your images in a grid layout and create grid spacing.

Divi gallery gutter.

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. This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress. First of all just create a divi section add a row and insert the gallery module. The divi gallery module has 4 columns by default in the grid format.

The divi gallery module of the divi page builder is a widget for creating stunning and beautiful galleries on your website. The world s 1 wordpress theme visual page builder. 1 represents zero margin between columns. And perhaps the most important design element of a grid is spacing.

With any divi row element the optional values for gutter width range from 1 to 4. Gutter width refers to the spacing between columns. Text version of this divi wordpress tutorial. Hey this is jimi blevins.

With divi you can adjust the gutter width to control the spacing between grid items or images. I ve got a really quick tutorial for you today. There are 4 gutter width sizes ranging from none to large. Turning our normal 4 column row of images into a full width and full bleed image gallery that looks stunning against the green section below it.

Or less than 4 for example 3 as well. Adipisci animi molestiae neque voluptatum non voluptas atque. Gutter width adjusts the distance between columns.