Venture Collection Image Size

Solved
NikolaKopanic
Tourist
18 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
1118 146 178

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