How can I adjust Venture collection image size for uniform display?

Technical Q&A
1

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 :slightly_smiling_face:

2

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;
}
}

2 Likes
3

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.