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

[Frode789]

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).

 

[SyTry]

Hello,

Can you give me the code you used for XF 2.0 please ? And you mean before username, right ?

Regards, SyTry

 

[Frode789]

Yes, before user name

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

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

Unmaintained - Add Font Awesome icons to your usergroups

Hi, Today I share a tutorial for version 2.0 of xenForo : add Font Awesome icons to your usergroups! Here is the basic code to add in your EXTRA.less template : /*add fa to your usergroups*/ .username--style3:before { font-family...

xenforo.com

 

[SyTry]

Yes, before user name

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

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

Unmaintained - Add Font Awesome icons to your usergroups

Hi, Today I share a tutorial for version 2.0 of xenForo : add Font Awesome icons to your usergroups! Here is the basic code to add in your EXTRA.less template : /*add fa to your usergroups*/ .username--style3:before { font-family...

xenforo.com

Ahah

Try this in EXTRA.less :

.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

 

[Frode789]

Ahah

Try this in EXTRA.less :

.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

Where do I place the user group name? For example "Premium".

 

[SyTry]

Where do I place the user group name? For example "Premium".

Just like this one :

Unmaintained - Add Font Awesome icons to your usergroups

Hi, Today I share a tutorial for version 2.0 of xenForo : add Font Awesome icons to your usergroups! Here is the basic code to add in your EXTRA.less template : /*add fa to your usergroups*/ .username--style3:before { font-family...

xenforo.com

style3 , style4, etc

 

[Frode789]

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:

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

 

[Old Nick]

How did you call the specific user ? What is the entire CSS code ?

 

[Frode789]

Posting it in the Username CSS section.

EDIT: Never mind, I got it to work.. Forgot the "&:".... Works now. Edited the post above to mark it as solved.

 

[phucvandinh]

doesn’t work everywhere.

 

[kainos]

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:

&: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.

 

[kankan]

Hello
Looking also to display FA icon to specific username.

Posting it in the Username CSS section.

EDIT: Never mind, I got it to work.. Forgot the "&:".... Works now. Edited the post above to mark it as solved.

Where is that Username CSS section ?
Thanks