Venture Collection Image Size

Solved
NikolaKopanic
Excursionist
26 0 0

Hello folks, even though the images are the same dimensions they are displayed differently on my stores collections page. Does anyone know how can I fix this?
Here is the link to that page:  https://trendsanta.com/collections

Thanks in advance

0 Likes
Pallavi
Shopify Expert
2187 355 465

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (min-width: 750px){
.collection .medium-up--one-third .featured-card {
height: 460px !important;
}

.collection .medium-up--one-third .featured-card .featured-card__image-container {
max-height: 298px !important;
height: 100%;
min-height: 298px;
max-width: 100% !important;
}

.collection .medium-up--one-third .featured-card .featured-card__image-container .featured-card__image-wrapper {
padding-top: 100% !important;
}

.collection .medium-up--one-third .featured-card .featured-card__image-container .featured-card__image-wrapper img {
max-height: 298px !important;
height: 100%;
object-fit: cover;
}

.collection .medium-up--one-third .featured-card .featured-card__header {
min-height: 119px;
}
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Pallavi
Shopify Expert
2187 355 465

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes