Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How can I get my carousel-summary blocks to line up?


jessierotton

Question

I used custom code that I found to change the background color and add padding to my summary-carousel blocks. Unfortunately, I cannot figure out how to make the slides at the bottom line up, so that all of the blocks appear to have the same length.

My code WAS working at first, and then it stopped working? Here's what I have—

 

 .sqs-gallery-design-carousel-slide .summary-content {
background: #D4AC97;
padding: 20px;
flex: 1;
}
.sqs-gallery-design-carousel-slide .summary-thumbnail-container {
margin-bottom: 0 !important;
}
.sqs-gallery-design-carousel .sqs-gallery {
display: flex;
}
.sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide {
display: flex;
}
.sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide {
display: flex;
flex-direction: column;
flex: 1 0 auto;
}

 

Please help!

Screen Shot 2020-10-25 at 11.58.24 AM.png

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

I think I will set min-height for title ☺️

Posted Images

5 answers to this question

Recommended Posts

  • 1
31 minutes ago, rwp said:

I've been messing with this for about an hour, I can't get anything to work.

@tuanphan any ideas?

I think I will set min-height for title ☺️

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...