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

Lack of Interest Notices Display Image - Add Font Awesome and/or Glyphs

Discussion in 'Closed Suggestions' started by Mouth, Sep 7, 2015.

  1. Mouth

    Mouth Well-Known Member

    Notices allows display images - visitors avatar or specify an image.
    Would be great to be able to also use/select an Font Awesome or Glyph icon instead.
     
    Veer likes this.
  2. Chris D

    Chris D XenForo Developer Staff Member

    Valid suggestion.

    Probably possible already, though, if you don't mind a bit of code:

    upload_2015-9-7_15-31-2.png

    Assuming you want to affect the notice that is notice_id = 1:
    Code:
    .notice_1 .image
    {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 64px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .notice_1 .image:before
    {
        content: "\f087";
    }
    
    .notice_1 .image img
    {
        display: none;
    }
    The main thing to change there will be the: content: "\f087"; bit. The unicode is listed on the Font Awesome page for each icon:

    fa-thumbs-o-up: Font Awesome Icons
     
    Mouth likes this.

Share This Page