1. Home
  2. Knowledge Base
  3. How To
  4. Creating Custom Grid Layouts with White Spacers in Modula

Creating Custom Grid Layouts with White Spacers in Modula

Modula’s Custom Grid gallery type offers you the flexibility to reshape and resize images within your gallery’s container, giving you control over their dimensions and aspect ratios. This versatile feature allows you to craft diverse layouts, whether you need a masonry-style arrangement or columns and rows. Here, we’ll explore how to introduce white/empty spaces within your grid layout using transparent or white images, providing you with even more customization possibilities.

Utilizing White Spacers in the Grid:

If you wish to create a gallery layout with white or empty spaces in the grid, you can achieve this effect by adding transparent or white images. Here’s how:

  1. Upload White or Transparent Images:
    • To introduce white spacers within your grid, you’ll first need to upload white or transparent PNG images to your gallery.
  2. Use White Images as Spacers:
    • Once you’ve added these white images to your gallery, they can be utilized as spacers in your grid layout. For example, you can position white images strategically within your gallery to create spacing effects between other images.
    • Keep in mind that any images added to the gallery will also appear in the lightbox, which may not be desired.

Hide White Images in the Lightbox:

  • To resolve the issue of white images appearing in the lightbox, you can edit the white images within the gallery settings.
  • In the image settings, enable the option to hide these white images from the lightbox display.

To craft custom and distinctive gallery layouts using the Custom Grid gallery type, you can strategically insert transparent or white images as spacers to achieve your desired spacing and arrangement.

By following these steps, you can add an extra layer of creativity to your Modula gallery layouts and explore unique design possibilities.

Was this article helpful?

Related Articles

One comment

  1. 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

Leave a Reply

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