Archived topic

images of equal size in image gallery

3 replies · Started by christian suarez on October 30, 2019

Viewing posts 1–4 of 4

October 30, 2019 at 8:27 pm #1049309

when I create a gallery of images the images are left with their original dimensions and they are all of different sizes in the gallery ...

How can I make all images look the same size?

Thank you

October 31, 2019 at 5:23 am #1049507

Hi there,

ideally best to upload images that are already cropped to the same size/aspect ratio - but you can use this CSS to 'crop' them:

.gallery-item img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

October 31, 2019 at 5:34 am #1049515

It worked perfect, thank you very much!

October 31, 2019 at 6:23 am #1049544

You're welcome

This archived topic is closed to new replies.