All things Shopify and commerce
Hello. I have a couple of products that display way too big on their product page using the Minion theme. This site currently isn't live, so I can't necessarily share the URL, but I have attached a picture of what it looks like and the size of it zoomed out in the browser. If I am able to edit the code to make the image no longer than the description section, that would work great. Thanks for any help!
Solved! Go to the solution
This is an accepted solution.
1. Adjust the image size: To make the product images no longer than the description section, you can set a maximum height for the image. Add the following CSS code before the image code:
.product-single__photo img {
max-height: 100%;
}
This CSS targets the product image within the product page and sets a maximum height of 100% relative to its container. Adjust the percentage value as needed to control the image size.
This is an accepted solution.
1. Adjust the image size: To make the product images no longer than the description section, you can set a maximum height for the image. Add the following CSS code before the image code:
.product-single__photo img {
max-height: 100%;
}
This CSS targets the product image within the product page and sets a maximum height of 100% relative to its container. Adjust the percentage value as needed to control the image size.
Can you tell me which file the image code is in?
User | RANK |
---|---|
42 | |
42 | |
34 | |
24 | |
21 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023