How to make all images in each product page the same height?

[global_jerseys]

I am trying to have all the product images on each product page on my site automatically adjusted to the same height. How do I make them all the same height? 

Site url: global-jerseys.com 

Theme: Fashionopolism version 4.4.2

 

[Danish864]

Hi @global_jerseys 
Welcome to shopify Community.

Go to your theme settings and find settings for media. From there you can set image size to square. Then it will show equal height. 

If I manage to help you, then like and accept this as solution. Thank you

[Moeed]

Hey @global_jerseys 

Since the images are completely different in size so they can't be the same size but here's what you can do to make it look better.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
img.thumbnail.desktop-2.tablet-1 {
    width: 47% !important;
}
div#bigimage {
    width: 100% !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed