Good morning.
I have a question I don’t know if it can be done, I have photos with very different sizes, some very final and tall, how can I make the product look all the same, even if it looks small, but complete, thank you.


This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Olga Barlow
Good morning.
I have a question I don’t know if it can be done, I have photos with very different sizes, some very final and tall, how can I make the product look all the same, even if it looks small, but complete, thank you.


Hello,
Could you, please, provide us with temporary WP Dashboard access to your site to check the issue in more detail and help you? Because at this moment maintenance mode is enabled and I don’t see images that you have to provide you correct custom code.
Regards
Good.
Attached data, and example page where you can see the result of the bad image conviction, thanks.
A greeting.
https://www.malabarium.com/producto/cardprotector-brushed-silver/
Hello,
I have added below code to Custom CSS. Check your grid now.
/* Fix for the Images aligment */
.swipers-couple-wrapper .swiper-wrapper .woocommerce-main-image img {
width:auto;
max-height: 550px;
}
.swipers-couple-wrapper .swiper-wrapper.thumbnails-list img {
width: auto;
max-height: 100px;
}
.content-product .product-content-image {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.content-product .product-content-image img {
max-height: 200px;
width: auto;
}
Regards
The issue related to '‘full size of the photo in a box’' has been successfully resolved, and the topic is now closed for further responses