How to change the product page main picture size?

Store Design
1

Hi!

I am looking for a solution to change my product picture sizes on the product page. I have different sizes for product pictures, so some of them look awful.

Example: https://bella-lv.myshopify.com/products/hean_micelars_toniks_2in1

I have managed to change my collection picture sizes and make my right tab wider, but is it possible to make all the pictures the same size even if they all are in different sizes and forms?

This is my old store: http://www.bella.lv/index.php?dir=produkti/sejas-kopsanas-lidzekli&file=hean_micelars_toniks_2in1&action=desc&page=1 (here the pictures look ok)

Thanks in advance!

1 Like
2

@snaiperix

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/product-slider.css ->paste below code at the bottom of the file.
#large-image li  .product__media.media.media--transparent {
    padding-top: 100% !important;
}

#large-image li .product__media.media.media--transparent img {
    position: absolute !important;
    height: 100%;
    object-fit: contain;
}
1 Like
3

Thank you very much! You have been very helpful!

1 Like
4

@snaiperix

its my pleasure to help us