Set equal carousel card height

Hi, please paste following code in the custom CSS box

.rpc-post-title {
  height: 56px;
}

Regards

Thanks for your speedy reply Rameez! It’s all sorted now.

Hi, how do we set different post heights for different carousels?

You can prefix with the carousel ID. If you can provide the URL, I will assist you better.

Regards

Hi – one carousel is here https://thecdc.nz/ and the other is here https://thecdc.nz/our-services/

Hi, on the services page you can prefix the carousel CSS using

#carousel-2131

and on the homepage, you can use

#carousel-1824

Regards

Thank you for that.
One thing I noticed after applying that css was that the positioning of posts vertically between each row of my two-row carousel was separated by that nominated distance, rather than the cards themselves (or their backgrounds) being made to extend to the nominated extents if otherwise would be shorter. Only workaround I found was to add a lot of spaces to ends of shorter posts so that they are slightly longer than the nominated card height.

Also, the contents of the cards become no longer responsive – the ‘Contact Us’ button on some of the cards disappears or is partially masked while viewing from a mobile phone.

Rather than specifying a fixed height, is there a way to automatically adjust card height such that the longest card is what sets the height for all cards? – that way the cards can be responsive, and all the same height

• This reply was modified 5 years, 10 months ago by archrime.
• This reply was modified 5 years, 10 months ago by archrime.
• This reply was modified 5 years, 10 months ago by archrime.