Product Page Image Resize Height

Hi guys!

I want to adjust the height of an image on the product page so it scales and you can see the full image. 

Can't figure out how to adjust it with code. Any help!

Thanks,

Felipe 

Here's the link of the product https://www.gestu.nyc/shop/p/country-feast-set-3nybt-gehrk

On 9/19/2023 at 3:27 AM, karrstudio said:

Here's the link of the product https://www.gestu.nyc/shop/p/country-feast-set-3nybt-gehrk

Add to Website > Website Tools > Custom CSS

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}

9 hours ago, tuanphan said:

Add to Website > Website Tools > Custom CSS

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}

 

Thanks! How do can I adjust the height also on the all products page so the image shows fully?  https://www.gestu.nyc/shop

On 9/22/2023 at 1:26 AM, karrstudio said:

Thanks! How do can I adjust the height also on the all products page so the image shows fully?  https://www.gestu.nyc/shop

With Shop Page, use this CSS code

div.grid-item img {
    object-fit: contain !important;
}