Making Edits To Card Element

[Ee6Kb6vHS4bY]

Hello!

I’m a first time user/novice of Wordpress and X theme and I have two questions about modifying the card elements on my website financialflock.com/directory.

1. How do I make all the cards have the same height? I used the following CSS below, which seemed to only make the cards on the same row of equal height.

 .x-card {
     height: 100%;
 }

2. For each card’s back content text, how do I make it so that the text starts at the top of the card rather than finishing at the bottom? Aligning the vertical of the “text content flexbox” does not do anything.

Thank you in advance for your help!

[friech]

Hi Jason,

Thank you for writing in, to make the cards equal height, please turn On the Flexbox layout , Child placement to Row and Vertical Align to Stretch.

Do these to each column containing the Card element.

2.) The Card element has a Vertical Alignment option

Regretfully, these will affect both the front and back content of the card. There is no separate option, but you can use the selector below to change the justify-content specifically of the back of the card.

.x-card .x-card-face.is-back {
	
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Cheers!