How can I align item images in my collection page?

[NateX]

Hi Everyone,

A help would be appreciated if someone can help me identify how to make these photos make it even or will always have the same dimension even if the photos are on landscape or uneven sizes. We had these previously on Pipeline theme 6.0 but when we upgraded the theme to 6.1.0, we lost the script.

Here are the links and pass and comparison:

New Theme: https://fashforward.com/collections/ambrosia-malbrough-collection

Pass: Spectacular

Old Theme: https://v5jz0p9haz5nbdid-56324063399.shopifypreview.com

Note: The images with those lights are on landscape dimension and they were squares.

Now, it looks like this…

A help would be appreciated. Tried editing CSS and it won’t work.

Thanks,

Nate

[Zworthkey]

@NateX

It’s on your Theme setting, Check it properly,

[NateX]

@Zworthkey Thanks for the reply. What settings? Can you be more specific?

[Zworthkey]

@NateX
Go to the product page,
from the admin pannel,
then Setting,
their you will get.

[Sheesh_b]

Hi @NateX
I can’t access your theme and probably there may be some settings on theme settings.

However, if you can’t find the settings you can paste the below CSS in theme.liquid just after tag

[NateX]

Thanks. That did the trick. However, when I added another photo similar to the other photos, it was not affected though. @Sheesh_b

[Sheesh_b]

Hi @NateX

Replace the old CSS from below

[NateX]

@Sheesh_b Awesome! That did it. Thanks a lot! I was really having a hard time finding that class or exact class to put it. I removed it in theme.liquid and placed it instead to theme.css