Carousel Image Crop

Hi there,

I am wanting to my landscape images in the carousel to not resize to the same width as the portrait images – I am wanting them to be the same height rather than width. What is the necessary code I need? Very new to this. 

Please help!

Hi,

Can you share link to Remix page?

On 2/12/2023 at 1:01 AM, tuanphan said:

Hi,

Can you share link to Remix page?

https://asparagus-dove-x75b.squarespace.com/remix-1 

The password is marigold01. Thanks!

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="63e59a3a9d4ba53b1f5aa185"] .user-items-list-carousel__media-container {
    max-height: 240px;
    overflow: hidden;
}
}

On 2/21/2023 at 9:38 PM, tuanphan said:

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="63e59a3a9d4ba53b1f5aa185"] .user-items-list-carousel__media-container {
    max-height: 240px;
    overflow: hidden;
}
}

 

Thanks for sending this through, I am not sure if I explained myself properly. I have attached two images, one of what the site currently looks like, and then an image of what I am trying to achieve. 

Much appreciated!

Try this new code

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="63e59a3a9d4ba53b1f5aa185"] .user-items-list-carousel__media {
    height: 500px;
    width: auto;
}
}