How to change product display size on product pages

New Member
3 0 0

Hi there Shopify friends!

I would really like to change the default display size for images on my products pages. My theme has them taking up half the page width and it just washes out the page. Is there an easy way to do this?


Also, any advice on if you think it is a good idea would be appreciated, it really annoys me but maybe it's just me!

My site is

Thanks in advance for any help


Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.bx-viewport {
    width: 200px!important;
    max-height: 200px!important;
#Zoom-1 {
    width: 200px!important;
    height: 200px!important;
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit