Add padding gallery

[TiiPii]

Hiya,

How do I add a 15 pixel padding between images in my gallery? screen shot attached.

thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Enable the gutters:

[TiiPii]

Hi David,

Thanks for your reply! How do I edit the width of the gutters? I want like 7px width between images.

Thank you,

Jantine

[David Martin – Support]

Hi,

That is not possible to do as such, what is your link? If you first enable the gutters I maybe able to override it with CSS.

Thanks.

[TiiPii]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.masonry-gallery.gutters .gallery-image.item-animated {
  padding-left: 7px;
  padding-right: 7px;
}

You can adjust the values to reach the desired space

– Kyle

[TiiPii]

This reply has been marked as private.

[David Martin – Support]

You can adjust the vertical gutters with:

.masonry-gallery.gutters .gallery-image.item-animated {
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 14px!important;
}