You can add a short code to : Assets/section-main-product.css file, then save that file and refresh product to test.
.product-media-container.constrain-height .media {
padding-top: min(var(--constrained-height), var(--ratio-percent)) !important;
}
This is result:
| Topic | Replies | Views | Activity | |
|---|---|---|---|---|
|
make spacing smaller
Store Design
menu
,
design
,
header
,
customizations
,
collection-page
,
footer
,
landing-page
,
css
,
third-party-themes
,
cart-page
,
metafields
,
shopify-themes
,
troubleshooting
,
html
,
product-page
|
2 | 22 | September 27, 2024 | |
|
make gap between images smaller
Store Design
menu
,
design
,
header
,
customizations
,
collection-page
,
footer
,
landing-page
,
css
,
third-party-themes
,
cart-page
,
metafields
,
shopify-themes
,
troubleshooting
,
html
,
product-page
|
1 | 45 | September 27, 2024 | |
| How to reduce the image size in product page | 16 | 61 | June 11, 2022 | |
| How can I decrease product image spacing and expand the right side? | 5 | 35 | May 24, 2023 | |
| Reduce between header and product image | Sense 3,0 theme | 4 | 39 | May 14, 2022 |
