Classic Card Back text sizing to fill available space

[craig11]

Hi X,

I have set my classic cards to be a set height using the following CSS:
.x-card-inner {
height: 450px !important;
max-width: 300px !important;
margin: 0px !important;
}
The issue is i need the text on the back to fill the space so it would need to size based on the available space in the card on the back.

I have removed the back title using the following CSS:
.back .x-face-title {
display: none;}

Is this possible?

Some of the text is fairly short while some is pretty long.

[thai]

Hi There,

You can try with this solution:

Font scaling based on width of container

And the custom CSS should be like this:

.back .x-face-content {
    font-size: 4.5vw;
}

Hope it helps

[craig11]

Hi Thai,

Unfortunately not. The original 4.5 pushed the text completely below the card so dropped it to 1 but then it is still too big on the long text back of cards and runs over the card element and looks very small on the short text back of cards.

Any other ideas?

[rad]

Hi Craig,

It’s not currently possible, the VW unit is responsive but the text amount is also varying. Hence, there is know the permanent solution for this.

Plus, it would need a javascript to scale it based on space (like Revolution slider’s layers) and it would require custom development which we can’t provide. I recommend contacting a developer.

Thanks!