Product page displays very big image - Studio Theme

Store Design
1

My store is looking great with the Studio Theme, except the Product page displays very big size images. I tried to resize the image but I guess the placeholder needs to be changed with a code. Can anyone please help!

Here is a link to the site: https://6z06tme3l9aednv0-47989129375.shopifypreview.com

Thank you !

2

Hi @Parimal

As i can see image is proper in size

but if you still want to change then follow this

  1. Go to Online Store->Theme->Edit code
  2. Asset->base.css-> paste bellow code in bottom of file
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer{width:80%;height:80%}

Note: change height and width both

Best regard

3

Thank you for your reply. The code you sent is changing the dimensions of ALL images across the website. I only want to change the product page image size. Is that possible?

4

Hey! I have that theme too and this video helped me out (even though it’s for a different theme, it still worked) https://www.youtube.com/watch?v=XGiNr4aLbhk