What's the solution to inconsistent product image sizes on different pages?

[collins276]

Hi guys,

I’m struggling with the Product image. I use this codes but the results differs between product pages

.product__media.media.media--transparent{
    width:27vw
  } 
.product-media-container.constrain-height.media-fit-contain {
    margin-right: 3%;
  }

The result

Can you help me to

1. Set the width of the image about 27vw

2. Move the image near to Product info

Store url: https://189ee3-2.myshopify.com/products/jacket

[BSS-Commerce]

Hi @collins276 ,

You can follow these steps:

Online Store > Themes > Edit code > Assets > insert code at the end of file base.css :

.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    width: 27vw !important;
    margin-left: 30% !important;
}

Save and reload the page.

Hope it works @collins276

[collins276]

Thank you