Page 1 of 1

Cards

Posted: Fri Mar 17, 2023 1:17 pm
by Keith Hughes
Can anyone advise me how to make cards a fixed height? I have them in a card container, but they are never the same height. Each card has different amounts of text but I want to make the button always at the same height. Should I use dividers to adjust the height?

Re: Cards

Posted: Fri Mar 17, 2023 1:23 pm
by crispy68
Going by memory here, I believe setting the card container as a card deck or grid there is an option to tick for same height.

Re: Cards

Posted: Fri Mar 17, 2023 1:40 pm
by Pablo
To make all card the same height you can use a card container.
Or if you use layout grids then you can set the minimum height of the card.

You can see this on the homepage, where all cards have the same height:
https://wysiwygwebbuilder.com/

Re: Cards

Posted: Sat Mar 18, 2023 5:53 pm
by Keith Hughes
I must be doing something seriously wrong because If I try to use cards either in a layout grid or a card container. Everything is OK on a desktop but as soon as I view it on a mobile everything below the cards gets overlayed by the cards a right mess!!!

Re: Cards

Posted: Sat Mar 18, 2023 5:59 pm
by Pablo
If you need help, then please share a DEMO project.
viewtopic.php?f=10&t=82134

Re: Cards

Posted: Fri Sep 15, 2023 12:46 am
by gofrank
I'm having this same issue with the card container set to "card deck". Container has four cards that are equal in height in Default view, different heights at 1024px.

Re: Cards

Posted: Fri Sep 15, 2023 1:44 am
by crispy68
When you mention 1024 breakpoint, are you referring to the page breakpoint or the breakpoint in the card container? If you are referring to the bp in the card container, that switches the cards to stacked mode and they are not the same height at this point. Only when horizontal.

A card container is based on flexbox properties. Once it goes to vertical there is no way for them to be all the same height without setting a fixed height to them.

Re: Cards

Posted: Fri Sep 15, 2023 12:38 pm
by gofrank
Hi, Crispy!

I'm referring to the page breakpoint.

Aaaannnndddd...never mind! Upon revisiting the project after installing the latest hot fix, I see the setting had somehow switched to "card columns" instead of "card deck". So, this was my bad and everything is working fine.

Re: Cards

Posted: Fri Sep 15, 2023 12:46 pm
by crispy68
So what do you have the card container breakpoint set to? As long as the card container is horizontal regardless of the page breakpoint, the cards are all the same height. They are not the same height once they go vertical.

For example, if I set the card container bp to zero, the card container stays horizontal. My cards are all the same height even with adding page breakpoints. The cards just get really skinny of course.

Re: Cards

Posted: Fri Sep 15, 2023 12:49 pm
by gofrank
See my reply above. It was operator error. ;)