Modula’s custom grid gallery type allows users to freely resize images within your gallery’s container, controlling their heights, widths and aspect ratio. You can create masonry layouts or columns and rows depending on your needs. You can see a live demo of the custom grid gallery type here.
Sometimes, you might need a gallery layout that has some white/empty spaces in the grid. You can achieve this by adding transparent/white images to leave spacers in the grid.
You will need to upload a white or transparent png to your gallery and then use it in the gallery to leave spaces, like in the example below:
In the example above 2 white images were added to the gallery in order to leave spacers left and right of the images. Please keep in mind that any images added in the gallery will be displayed in the lightbox.
However, this can be solved by editing the white images in the gallery and enabling the option to hide them from the lightbox.
How to create custom/unique gallery layouts with the Custom Grid and transparent/white images
If you want to have empty spaces in your Custom Grid gallery type you can do this by adding transparent/white images to leave spacers in the grid.
Good evening, I use this technic to have empty spaces between my images and it works very well on computer. But on smartphone the presentation is different (only one column) and the fact that white images appear is annoying because there are big empty spaces on my « list » of images … Do you have a solution for that ? An option to make disappear white photos on smartphone ? Thank you.
Cordially, Arthur