How to reduce image size on Trade theme?

[Yannsss]

I had the similar problem before that was resolved for portrait images in: https://community.shopify.com/c/shopify-discussions/how-to-reduce-image-size-on-trade-theme/m-p/2781...

I followed these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.product.grid {
    justify-content: space-around !important;
}
.product--right .product__media-wrapper {
    max-width: 20% !important;
}
}
</style>

RESULT & current issue:

It works fine on portrait images like this one: https://ik-parts.com/products/ikea-100358

But now landscape images are tiny: https://ik-parts.com/products/ikea-10090009

Would it be possible to limit the max height instead (and not the max width)?

[juanidi · Accepted solution]

Hi @Yannsss 

https://ik-parts.com/products/ikea-10090009

For the second image (you mentioned looking tiny), I can't any image on actual page.

Could you double check it?