Card Vertical Alignment

[hivehouse]

Is there a way to set the vertical alignment of the cards so that the front is end and the back is start.

Currently, that setting is for both sides.

I’ve put the staging page into the secure note.

[friech]

Hi @wbgTHEMECO,

Thank you for writing in, no 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!

[hivehouse]

Thanks, that worked.

I did try to add it to the element custom css as $el.x-card .x-card-face.is-back but it would work.

The CSS only was applied if I did just .x-card .x-card-face.is-back

[friech]

Hi @wbgTHEMECO,

I did try that selector on my end, and it did work for me. Please check if you’re adding the Element CSS to the correct (card) element.

Cheers!