1. Home
  2. Knowledge Base
  3. How To
  4. How to use white spacers to center images in custom grid

How to use white spacers to center images in custom grid

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.

 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.

Was this article helpful?

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Start Building Great WordPress Galleries Now

Fast, Mobile Optimised, and Pixel-Perfect Galleries... What are you waiting for?