Image/Video Grid width

Greetings,

is there a way for the image grid to not occupy the full width of the page? I would like to have a defined space to the left of the grid.

Thanks

Jens T.

Hi @Jens_T :wave:t2:

Currently, Sitely does not have a built-in feature to set a fixed left margin or offset for an image grid.

However, you could achieve this using one of these two methods:

1. Use a transparent image at the start of the grid:

  • You could indeed place a 100% transparent image as the first element in your grid.
  • By adjusting the width or number of columns this “image” occupies in the grid settings, you could “push” the actual images to the right and create the desired space on the left.
  • Important note: This method will also affect the layout on mobile devices. You would likely need to create a different layout specifically for the mobile version, possibly using a separate grid setup, to avoid an unwanted offset on smaller screens.

Exemple :

2. Use individual images instead of a grid:

  • Instead of inserting an “Image Grid” element, you could place your images one by one on the page.
  • This would give you complete control over their positioning and spacing relative to the left edge.
  • To recreate a gallery effect where you can click on an image to view it larger, select each image and enable the “Zoom in Lightbox” option. However, please note that there won’t be navigation arrows to move between images as there are with the Image Grid element.

Hi Allan,

thank you for your suggestions. I had already tried your approach with adjusting the columns before and found that then the order of the images shown in lightbox view changes from left to right to top to bottom, which is extremely confusing for the user.

Using individual images instead of the image grid isn’t really an alternative either, because I actually want the behaviour of the grid. I think the image/video grid is a cool feature of Sitely, I just wish it was a little more flexible.

Are you saying that the lightbox display order changed? I just tried it, and for me, the order remains left-to-right, and at the end of the line, it moves to the line below. :thinking:

Hi, I dealt with the same situation about a year ago and I’m waiting to see if there will be an upgrade to the Image/Video Grid. I’ve tried to solve it with Popup, but even here I keep running into more application limitations, so there’s nothing to do but wait for an enhancement.

It would be great if the Image/Video Grid could be inserted on the page like other objects and thus also on popups.