Product listing spacing issue but only for 1 product (others are fine)

[Alexandrafj]

Hi, does anyone know how to solve this spacing issue/glitch in the space between my product image and info? It is only an issue under the product images of this one listing I have, all the other are total fine which I don't understand. The issue is on a mobile not on a desktop. Thank you!

 

[tim · Accepted solution]

This is because the last product image is taller.

I do not remember what product media settings were available for Dawn 2.4.

However, you can manually force images to fit into square -- when configuring "Product information" section in Customize, open "Custom CSS" at the bottom of the section settings and paste this code:

.product__media {
  padding-top: 100% !important;
}

.product__media img {
  object-fit: contain;
}

Before => After

  

[Alexandrafj]

Thank you so much that makes total sense! Let me try that asap