Customising Card element

Support
#1

I’m trying to hide to the content/subtitle of the front of the Card element, and the title on the back.

It seems like I’ve succesfully been able to hide both with the following css:

.x-face-outer.front p.x-face-text{
display: none;
}

.x-face-outer.back h4.x-face-title {
display: none;
}

but now the title on the front of the card glitches out. How can it be fixed?

Link: www.facero.dk

#2

Hello There,

Thanks for posting in! You might need to update your code and make use of this code.

.x-face-outer.front p.x-face-text{
  visibility: hidden;
}

.x-face-outer.back h4.x-face-title {
  visibility: hidden;
}

Hope this helps. Kindly let us know.

#3

It made the title on the front of the cards display properly, but reserves the space of the now hidden elements, leaving a big gap.

#4

Hey,

You can solve it adding a negative margin in the .x-card-outer .x-face-text rule:

.x-card-outer .x-face-text {
   margin: -44px 0 0 !important;
}
1 Like