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?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025