How to rescale homepage image in Ap Suppre Shopify Theme?

[EmporioSol]

Hi everyone! I'm trying to rescale an image on my site at https://sp5darhoodies.com/. The image looks too large on the product page, and I’d like to adjust its size without affecting the layout or image quality. I'm using Ap Suppre theme. Can anyone guide me on how to properly resize it through theme settings or custom CSS? 

[topnewyork]

Hi @EmporioSol 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
  .wd-product :where(.product-wrapper,.product-element-bottom) {
    transform: scale(0.7) !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[namphan]

Hi @EmporioSol,

Please go to Customize > Theme settings > Custom CSS and add code:

@media (min-width: 1400px) {
    .product--thumbnails-bottom .product__media {
        --ap-productmedia-width: calc(var(--grid-column-width)* 7 + var(--grid-gap)* 8);
    }
    .product--thumbnails-bottom .product__info {
        --product-info-width: calc(var(--grid-column-width)* 10 + var(--grid-gap)* 7);
    }
}