Impossible(?) to get cards to all be the same height
-
Hello there,
Thank you for making this great plugin!
I am having trouble getting the cards to all be the same height. I have configured their size to all be the same, but it seems to still set itself as something else.
Settings:
The tallest box is 325px, so this is set as the flip box height, to make sure the text can fit.
https://www.sociocracyforall.org/wp-content/uploads/2021/01/flip-box-settings.jpgDisplay:
But the cards are different heights
https://www.sociocracyforall.org/wp-content/uploads/2021/01/flipboxview.jpgPage Code:
Some are shorter than 325, others are longer…
https://www.sociocracyforall.org/wp-content/uploads/2021/01/flipboxhtml.jpgIs this a bug in the plugin?
Or am I configuring the height in the wrong location in the settings?
Or is this not a feature of the plugin?Thanks!
CJThe page I need help with: [log in to see the link]
-
Hi CJ,
Please ignore that setting for now. I might remove it or I will have to look again how I want it to affect the flip cards.
Right now if you want to set a specific height for Flip Card then you can do in Flip Card Settings > Advanced > Custom CSS
height:1000px!important;They way it works at the moment is that the height is calculated dynamically depending on the front and black flip card. If the front card has more content/height and then that becomes the height of the card and vice versa. So if all the flip cards have the same amount of content then they would be same height automatically without need the above css.
Edit: Here is some extra css you can add in Front Card and Back Card if you want to vertically center content.
display: flex; justify-content: center; flex-direction: column;
- The topic ‘Impossible(?) to get cards to all be the same height’ is closed to new replies.
