How to achieve equal height promo containers

[djshott]

I have a 3 column of promo content elements that I’d like make all one height, with ellipsis after a certain character count. Is this possible?

[thai]

Hi There,

Please follow these steps:

• Add the inline CSS display: flex to the row contains 3 columns:

• After that add this custom CSS:

.x-promo {
    height: 100%;
}

• Result:

Hope it helps

[djshott]

Thank you so much! This seems like it should work, but the the columns still look the same after adding display: flex; to the 3-column row, and .x-promo {height: 100%;} to the custom css.

Is there anything else that might achieve this?

[Alaa]

Hi @djshott

I’ve tried the same steps mentioned by @thai and I got them working fine:

Any chance to upload your site on any live shared hosting account for testing purpose so we can investigate this issue on your website?

Thanks.