The Font Awesome badges do not display after the user's rank.

[osmxnxn]

Hello. I managed to change the node icons through Extra.less, as shown in the first screenshot. Now I want to add icons after user ranks. However, I can't get it to work since most of them don't display. I can only set basic icons, which is strange considering I easily set any icons for nodes.

Can you help, maybe I'm doing something wrong?? Here's what I'm adding in the rank input field to display icons:

Novice <i class="fa--xf fal fa-user fa-fw"><svg xmlns="http://www.w3.org/2000/svg" role="img"><use href="/data/local/icons/light.svg#user"></use></svg></i>

This icon displays, but if I change it to something else, like a gun icon, it won't show up.

 

[Russ]

Are you using Font Awesome 6? XenForo uses Font Awesome 5:

Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Search all the Version 5 icons and match your project with a look and feel that's just right. Better yet, try Font Awesome 7 with more icons, styles, and packs.

fontawesome.com

There's no gun in those, only in FA6, maybe that's the problem?

 

[osmxnxn]

Thank you, everything worked out.

1. In the field titled rank, I added:

<span class="newbie">Newbie</span>;

2. In Extra.less added:

.newbie:after {
.m-faContent(@fa-var-walking);
margin-left: 5px;
}

 

[Russ]

Good to hear! That CSS looks perfect.