Product Image Too Big for Certain Products - Minion Theme

Solved

Product Image Too Big for Certain Products - Minion Theme

joshwp
Explorer
61 1 9

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! 

1.PNGjoshwp_0-1683573906810.png

 

Accepted Solution (1)

NomtechSolution
Astronaut
1245 112 151

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.

View solution in original post

Replies 2 (2)

NomtechSolution
Astronaut
1245 112 151

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.

Janeysk
Shopify Partner
1 0 0

Can you tell me which file the image code is in?