How can I resize product images on my webpage?

Store Design
1

Hey guys,

I’m wanting to have the product image which is on the product page to be a smaller div, so it doesn’t take up so much room. This is height wise the width is fine. Does anybody know the class or code that i could put into my css to do this please?

Thank you,

https://directcomputers.myshopify.com/products/1st-player-dk-d4-intel-core-i3-9100-42hz-boost-8gb-2666mhz-ddr4-ram-480gb-ssd?_pos=2&_sid=1754f2054&_ss=r

password - flowma

2

Hi @Anonymous

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file
@media screen and (min-width: 720px){ .product--container .product-gallery { width: 40.5%; } }
3

Thank you so much!!