Prestige Theme, change product image size on individual product pages (not main)

[ariak]

I'm using the Prestige theme and want the product images to be smaller on the individual product pages (not main collection page). Currently the image is getting enlarged, which is causing a slight blur. I want to make the product images on all individual products pages to be smaller. It's taking over the whole screen and currently hurts my eyes. How can I achieve this? (Not familiar with coding, but am willing to input code if someone can point me in the right direction.) Thankyou 🙂

 

[suyash1]

@ariak  please open product page in customize settings and check if you have an option to adjust image size in it, if no then need to force it using css

[ariak]

@suyash1 thanks for the reply. I do not have that option to adjust image size in settings, so I would need to force it via CSS. Do you have code that could achieve this? My page is ariknewyork.com password oosies using the Prestige theme

[suyash1 · Accepted solution]

@ariak  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media screen and (min-width:750px){
.product-gallery__image-list img{max-width: 70%; margin: 0 auto;}
}

[ariak]

@suyash1 wow I was having so much trouble with this and you fixed it in half a second. Thank you so much. The media size looks much better now. The only thing I'll mention is that I didn't have a base.css file, so I inserted the code into theme.css and it worked just fine. Thanks again! 🙂

[suyash1]

@ariak  awesome, do let me know if you need any updates.