Jump to content

Make Card Size Consistent on Carousel

Recommended Posts

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.

Current-Carousel.png

Preferred-Carousel.png

Edited by pindart
Link to comment
  • pindart changed the title to Make Card Size Consistent on Carousel
  • Replies 2
  • Views 513
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 2 years later...

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;}
}
Edited by pindart
putting code in the right place
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.