does anyone know how to make all images the same size display

[vibehome]

Hi, I've recently just updated to a new version and for some reason the collection images and product images display differently, some more zoomed in etc and does not fit the whole product image.

When I had some changes made a last year the images would fit nicely inside the box but after this update it has changed the format.

I have attached some images of what I mean.

[BSSCommerce-HDL]

Hi @vibehome, Can you kindly share the details of your problem (link page) with us? We will check it and suggest you a solution if possible. 
Because I see it good in your website now

[vibehome]

Hi @BSSCommerce-HDL  Yes ofcourse, I will wait to hear on the first part ( white background across the menu) and then I will make the theme live with the issue of the images. Hope this makes sense.

[vibehome]

Its now live and you can see the image sizes different 

[BSSCommerce-HDL · Accepted solution]

Hi @vibehome, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.collection .card__media .media img {
    object-fit: contain !important;
}
</style>

 Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[vibehome]

Last year when the website was being built someone made all the images so its fits in