Equal item height in post grid / carousel (new issue)

[phillip.crane]

phillip.crane

September 9, 2022 at 4:26 am

Hi All,

So I’ve had a site working without issue and without many modifications (CSS, etc)… I am using the post grid / slider block. When the layout setting is set to slider, every slider box is a different size. This was an issue over a year ago as well, and I found the below link to address it with CSS here in the forums:

*Login to see link

BUT! It doesn’t seem to work any longer. (it’s possible it’s just me… but… ). Is the CSS different? When I inspect CSS the classes don’t look the same as the code below that is from the link I posted above:

🙁

Any help would be appreciated!

.kt-blocks-carousel .slick-initialized .slick-track {
display: flex;
}
.kt-blocks-carousel .slick-initialized .slick-slide {
display: flex;
flex: 1;
flex-direction: column;
height: auto;
}
.kt-blocks-carousel .slick-initialized .slick-slide .kt-blocks-post-grid-item {
height: 100%;
}