How to make all cards with equal height?

[even]

Hi,
Can you tell me how can I let the carousel cards with the same heights? Here is my screenshot:
https://drive.google.com/file/d/1dhxi9O7ueSONFIggP3c6rY1YeOEh0DRh/view?usp=sharing

Is there any css class can use to keep all cards in the same height?
Here is the partial code:

====================================
<div class=”owl-carousel nav-outside nav-arrows-1 custom-carousel-box-shadow-1 appear-animation” data-appear-animation=”fadeInUpShorter” data-appear-animation-delay=”750″ data-plugin-options=”{‘responsive’: {‘0’: {‘items’: 1}, ‘479’: {‘items’: 1}, ‘768’: {‘items’: 2}, ‘979’: {‘items’: 3}, ‘1199’: {‘items’: 3}}, ‘autoplay’: false, ‘autoplayTimeout’: 5000, ‘autoplayHoverPause’: true, ‘dots’: false, ‘nav’: true, ‘loop’: false, ‘margin’: 10, ‘stagePadding’: ’75’}”>

<div>
<div class=”card border-radius-0″>

<div class=”card-body text-center”>

<p class=”card-text font-weight-light”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra erat orci, ac auctor…</p>
</div>
</div>
</div>

thanks

---

[Support]

Hi, the easiest way to do that inside the carousel is to set a min-height in the card-body, for example:

<div class="card-body text-center custom-card-body">

CSS (css/custom.css):

.custom-card-body {
	min-height: 200px;
}

* Set that size based in the content you have.

Best Regards,

Okler Themes

---

[Author]

Posts