XF 2.1 Font Awesome in User Banners

[Atmazphere]

Hi,

I'm looking to create custom banners for user groups, however, the FA icons don't want to load. I'm basing it off the way I did it before in version 1.5.

As you can see, the icons don't appear.


I have added the following code to app_user_banners.less

    &.userBanner--Administrator{color: white; background-color: #FE2E2E; border-color: #c14d4d;}
    &.userBanner--Administrator:before{content: "\f0e3";font-family: FontAwesome;padding-right: 4px;}

Any help is appreciated.

 

[SyTry]

Hi,

I'm looking to create custom banners for user groups, however, the FA icons don't want to load. I'm basing it off the way I did it before in version 1.5.

As you can see, the icons don't appear.
View attachment 206442

I have added the following code to app_user_banners.less

    &.userBanner--Administrator{color: white; background-color: #FE2E2E; border-color: #c14d4d;}
    &.userBanner--Administrator:before{content: "\f0e3";font-family: FontAwesome;padding-right: 4px;}

Any help is appreciated.

Hello,

You need to use FA 5 :

XF 2.1 - FontAwesome CSS pseudo elements not working after 2.1 upgrade

Hello, I know 2.1 made some changes with FontAwsome. Now, CSS pseudo elements are not working anymore. Here is an example : And here was the original CSS : .p-navEl [data-nav-id=forums]:before{ font-family: FontAwesome; content: "\f27a"; padding-right: 5px; } Any ideas on...

xenforo.com

See :

XF 2.1 - Font Awesome 5, Editor button management, Markdown support and more!

We did say we'd see you again fairly soon and so here we are, hot on the heels of our push notifications announcement, to bring you an update on several more new features and improvements coming in XenForo 2.1. Remember, to ensure you're kept up to date, we strongly recommend smashing the...

xenforo.com

Regards, SyTry