Hi,

I've been trying to fine tune the Image Grid option for the site, but I'm having a tough time getting there.

You'll see two rows in the page that I've uploaded here. The top row has a series of images in an image grid using the theme options. I've tried to play around with the "tall", "wide" and "tall and wide" settings to achieve the current composition.

However what I'm looking for is something closer to what is in one of your demos (the bottom row is actually a cropped screenshot of a page from your demo).

Is there any way I can constrain the height of the masonry image grid so it only sits within 500px height, and doesn't stretch all the way down the page, requiring the user to scroll?

Thank you!

Hi Judith,

Thank you, that worked perfectly! However the images seem to be distorted/disproportionately squashed. Is there any way I can fix this?

Also i set it to 400px instead of 456px since that worked better.

Got it, I'll resize the images and give them a shot.

The images in your demo don't seem to follow this rule though: https://themenectar.com/salient/image-grid/

All the images in the first set are of varied sizes, but they don't seem to be getting squished, does that mean you've used two sets of images here? One for the image grid and one for the popup modal view?