How to reduce image size on Trade theme?

Shopify Discussion
1

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/2781009/thread-id/471198#M471201

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 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)?

2

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?