XF 1.3 How to use font-awesome on CLOSE image on the members card

Adam Howard

Well-known member
Test 1   Test Site Only - Registration CLOSED.png

So I've been wracking my brain on this one. Is it possible to replace the "close button" (it's actually a photo) with something from font-awesome ?
 

Steve F

Well-known member
Code:
.xenOverlay a.close
{
    background: none;
    right: 0;
}

.xenOverlay a.close:before
{
    content: "\f057";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 22pt;
    color: @primaryLight;
}
 

Adam Howard

Well-known member
Code:
.xenOverlay a.close
{
    background: none;
    right: 0;
}

.xenOverlay a.close:before
{
    content: "\f057";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 22pt;
    color: @primaryLight;
}
@Steve F this is awesome! Thank you very much :)
 
Top