Make Card Size Consistent on Carousel

Site URL: https://www.patriciaindart.com

Hi there,

I’d like to be able to have a consistent card size on a carousel.

On the home page, I’ve included quotes in a carousel list. Depending on the length of the quote, the card adjusts its height. I’d like the card height to stay consistent with the largest quote.

I’ve included pics of what the carousel looks like now and what I would like it to look like.

Thanks in advance for your help.

P.

Add to Design > Custom CSS

/* Equal carousel card height */
@media screen and (min-width:992px) {
.user-items-list-item-container[data-section-id="620836f412e07a50b7cc302d"] h2 {
    min-height: 130px;
}
}

This code did the trick:

/*EQUAL CAROUSEL CARD HEIGHT*/
section[data-section-id="620836f412e07a50b7cc302d"] {
.user-items-list-carousel__slide {
  align-self:stretch !important;
  justify-content: center;}
}