1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

Discussion in 'Styling and Customization Questions' started by Adam Howard, Jun 1, 2014.

  1. Adam Howard

    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 ?
     
  2. Steve F

    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;
    }
     
    nttruong, RoldanLT and Adam Howard like this.
  3. Adam Howard

    Adam Howard Well-Known Member

    @Steve F this is awesome! Thank you very much :)
     

Share This Page