There is one classic flip card that I cannot get to be the same size as the others and I can’t get the title to show in the middle of the box on the back like the others. Even though I duplicated the exact element I wanted and simply moved it over to the column it still isn’t the same? I even checked the code in the back which is exactly the same. It doesn’t matter the image size. No matter which image I use it is the same. Please advise.
Hi @otmads,
Thanks for writing in.
I checked and the image has a different height than other images. Hence, the card will have different height too. Please use an image with same aspect ratio as the other images.
And the reason the title is not displaying correctly is due to CSS added to builder’s custom CSS.
.x-card-outer{
max-width:250px;
margin:0 auto;
}
.x-card-outer .x-face-title,.x-card-outer .x-face-text{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
Just remove the white-space:nowrap; and the title will be displayed okay.
Thanks!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.