How to keep blog cards same height when text length is different (truncate / fixed height issue)

Ask the community
, ,
1

Hi everyone,

I’m building a blog/news card layout in Wix Studio.

Each card has an image, title, short description, and a button. The issue is with the description text — different posts have different text lengths, and the container automatically hugs the text height.

So when I display 3 cards in a row, each card ends up with a different height depending on how long the description is. It breaks the visual alignment and looks messy.

What I’m trying to achieve:

  • Keep all cards the same height

  • Limit the description to a fixed number of lines (or fixed height)

  • Either truncate with ellipsis (…) or simply clip the overflow inside the container

Right now, the container keeps adapting to the text height instead of staying fixed.

Is there a proper way in Wix Studio to:

  • Set a fixed height for the text element?

  • Clamp text to a certain number of lines?

  • Or force the card container to ignore text overflow?

Would really appreciate a clean solution that works responsively too.

Thanks :folded_hands:

2

Try this. Just in case
Have the width use px not % and it should be longer than the text .

So for example “This is a test” I would use like 80px to 100px width

change the text to use fixed instead of wrap or scale

Another way

Use a input element instead of a text

Change the height to like 40vh or 300px for testing . the text would stay inside the input height.. without it expanding