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/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 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

You can try to update your code below to check if it solve the issue with your image
3

I found the correction:

@media screen and (min-width: 750px) { .product.grid { justify-content: space-around !important; } .product--right .product__media-wrapper { max-width: 50% !important; } .product-media-container.constrain-height{ --constrained-height: 300px !important; }