How can i make All My Product Image Look the same Size On Collection Page

[Zubairali]

How can I Make All The images of products the same size here you can check in the Image here  is the store link https://brandsoak.com/

[PageFly-Theodor]

Hi @Zubairali ,
This is Theodore from PageFly - Shopify Page Builder App.

Can you give me the password store? I can check for you

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[Zubairali]

1214

[PageFly-Theodor]

Can you give me the exact live page about the collection in the picture?

[Zubairali]

https://brandsoak.com/collections/bags?page=3 in this page you can check but the problem is with all the items i fixed some with shopify image resizer app only the white background ones but i cannot change the rest because its ruining the images

[PageFly-Theodor · Accepted solution]

For solving the problem about the How Can I Make All My Product Image Look The Same Size On Collection Page, let’s try this solution:

Online Store ->Theme ->Edit code->theme.liquid

<style>
@media only screen and (max-width: 767px) {
.product-card .product-card__image-wrapper.transform .product-card__image {
   
    height: 172px !important;
}
}
</style>

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[Zubairali]

Oh thank you So Much Can i increase the width little more?

[PageFly-Theodor]

If you increase the width it will break the layout. If the answer satisfies you can you accpet and like my answer

[Zubairali]

it fixed it in the Mobile but in Pc it shows the same 

[PageFly-Theodor]

You need to adjust the image to the same size

[FWT]

Hello, I tried adding this to the end of my theme.liquid and my product on my collection page are still not all equally sized. Why is that?