XF 2.1 FA 5 icons next to user names [add to group css]

Frode789

Well-known member
What code snippet do I need to apply to get a FA icon next to the user names? Anyone know? Applying it to the group css area.
I used previously a small code snippet for FA 4, that I found in the resources area here, but it is no longer working after the XF 2.1/FA 5 upgrade. (I tried simply replacing the FA code for the v.5 version, but didn't work).
 
Solution
Slight necro, but I just revisited this topic and I could not get the code to work. I'm trying to add this to a specific user.
I've tried to add this as my username css, but it doesn't work:

CSS:
&:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6e8";
    padding-right: 4px;
    display: inline-block;
}
Yes, before user name :)

Hmm. It was actually one of your resources, now that I see it.. :p

Code:
/*add fa to your usergroups*/
.username--style3:before {
font-family: "FontAwesome";
content: "\f013";
color: inherit;
padding-right: 4px;
display: inline-block;
}

Ahah :p

Try this in EXTRA.less :
CSS:
.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f501";
    padding-right: 4px;
    display: inline-block;
}

For me it work on 2.1.0 ;)
 
Yes, before user name :)

Hmm. It was actually one of your resources, now that I see it.. :P

Code:
/*add fa to your usergroups*/
.username--style3:before {
font-family: "FontAwesome";
content: "\f013";
color: inherit;
padding-right: 4px;
display: inline-block;
}

 
Slight necro, but I just revisited this topic and I could not get the code to work. I'm trying to add this to a specific user.
I've tried to add this as my username css, but it doesn't work:

CSS:
&:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6e8";
    padding-right: 4px;
    display: inline-block;
}
 
Last edited:
Solution
Posting it in the Username CSS section.

EDIT: Never mind, I got it to work.. Forgot the "&:".... :p Works now. Edited the post above to mark it as solved.
 
Slight necro, but I just revisited this topic and I could not get the code to work. I'm trying to add this to a specific user.
I've tried to add this as my username css, but it doesn't work:

CSS:
&:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6e8";
    padding-right: 4px;
    display: inline-block;
}
Hello Frode, but If I try code from Twitter f099 - it doesn t work.
 
Top Bottom