021 158 1400 clare@woodswork.co.nz

Customising the Divi Gallery to suit your design

There are so many ways to customise the Divi Gallery. Here we have added some of the more common requests and have also added a link to a great Youtube video by Josh Hall on how to do many of these things here.

You can also go to the original post by Josh Hall here.

It will take a little editing of the CSS to get these edits to work on your site but it’s pretty easy to do.

How to edit the spacing between the gallery images

To customise gallery image spacing in between the images head to the Row settings.
Row Settings > Design > Sizing

Once you find Sizing you will need to select Use custom gutter width. Play with the setting until you are happy with the spacing.

customise gallery image spacing

Customising titles and captions

You can switch on or off titles and captions for the gallery view within the module settings. This doesn’t remove them on the single image slide view.

To remove this meta we need to inspect the element to find its class. Once you have found the details of the element, we can add some CSS to hide the caption from displaying.

Add the following code to the main CSS area or the CSS area on the page.

.mfp-title {
display: none;
}

We edited the gallery on the following sites:

The House Concept

Looking to get your business seen? Then see us.

Web Site Developer Auckland | North Shore | Matakana | Warkworth | Omaha

Call 021 158 1400 for Web Design North Shore, Auckland