Any way to make Circle Elements with text inside (like cards)

[mitchdong]

I am hoping to make the Card element round.

If that isn’t possible, is there a way to make a colored circle with text and a button on the inside?

Thanks in advance!

[Prasant]

Hello @mitchdong,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

.x-card-outer.flip-3d .x-face-outer.front, .x-card-outer.flip-3d .x-face-outer.back, .x-card-outer.flip-3d.flipped .x-face-outer.front, .x-card-outer.flip-3d.flipped .x-face-outer.back {
    border-radius: 50%;
}

Thanks.