Docs

[lfBWP0608]

Hi there

Please can you advise on how to add a white circle with the icon centred within it on the front side of the flip card element.

I have managed to get the background circle in but can’t centre the icon within the circle, and then cant get the icon/circle element to sit centred horizontally on the card face – circle/icon currently at left hand side of card.

I’m working on a localhost so can’t give you a url, but below is the custom css I have added to achieve the result described (have attached screen shot).

.x-face-graphic {
background-color: #ffffff;
border-radius: 800em;
height:62px;
width: 62px;
text-align: center;
}

Hope you can help.
Thanks

[Lely]

Hi There,

Thanks for posting in.
Please update your custom CSS to this:

.x-face-graphic {
    background-color: #ffffff;
    border-radius: 800em;
    text-align: center;
    display: inline-block;
    padding: 20px; /*The padding will control the spacing. Adjust accordingly*/
}

Hope this helps.

[lfBWP0608]

Hi there

Perfect, works brilliantly.

Thanks very much for the prompt solution.

[Joao]

You are welcome

Let us know if you need help with anything else.

Joao

[Author]

Posts