• 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

Mouth

Well-known member
#1
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.
 

Chris D

XenForo developer
Staff member
#2
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