Block grid image size cap?

[sevenationarmy]

Hi,

I am using a block grid with a lightbox to create a gallery on my page. Please see image attached.

Is there a way to have the image size constrained, so that all posts and images appear uniform and of the same size?

thanks,
Mayank

[christopher]

Hi there,

It can be done with custom CSS code. We usually do not offer support for customization, but we can try to get you on right track regarding this. The key is to make the height of the images the same and use the object-fit CSS property to make it show correctly.

We will need the exact URL of the page you took the screenshot to be able to suggest a working code.

Thank you.

[sevenationarmy]

Hi Christopher,

Thank you so much for your help. I am grateful.

Here’s the link. http://mosaicarthouse.com/embossed-leather-diaries/

Do let me know if there are better options to bulk display images with titles in a gallery.

Do let me know if you need the login credentials.

Thanks,
Mayank

[christopher]

Hi there,

Please kindly add the CSS code below to X > Launch > Options > CSS:

.x-block-grid img {
    height: 200px;
    object-fit: contain;
}

Feel free to change 200px to whatever size you feel it will be suitable for most of the images.

If you are looking for an alternative I can suggest you the Essential Grid:

Essential Grid | Themeco Docs

It is available as a bundled extension which you can install from X > Overview page. Just scroll down that page to see the Essential Grid.

Thank you.