[hbeditParticipant]

Hello,

I have used your custom CSS to show a whole image on the front face of the cards, instead of colored background.

But the size of the cards doesn’t depend on the images size (300x240px) and is different on each cards (4 cards on 4 columns), witch is not visually great.

1) So, how to set a fixed size (say 300x240px) in order to have the 4 cards with same width ?

2) How to remove the text only to the front face of cards ? Is it possible to keep on the front face only the title, but remove the text below ?

Many thanks.

[hbeditParticipant]

This reply has been marked as private.

[hbeditParticipant]

Hi again !

I have found what i was looking for. I explain to help those who wanted to know (To X team : please correct if there are some mistakes) :

1) `.x-card-inner {
min-height: 240px;
}`

2) `.front .x-face-title,
.front .x-face-text {
display:none;
}`

Hope it helps !

[hbeditParticipant]

I have just seen that the graphic was still shown on the front face !

To remove it, just add the following line to the previous code #2 :

.front .x-face-graphic,

[JadeModerator]

Glad to hear you got it sorted.

Cheers!

[hbeditParticipant]

Thanks to your forum Jade ! 🙂

[Prasant RaiModerator]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts