XF 2.3 Fontawesome in group banner stopped working in 2.3

[beerForo]

I used to have it like this:

<i class="fa-icon-code"></i> TITLE here

Can anyone get this to work for 2.3? Thanks!

 

[BassMan]

Use it like this:

<xf:fa icon="fa-icon-code" aria-hidden="true"/>

 

[beerForo]

Still not working. I think I am inputting the FA code wrong, can you post an example of any icon?

 

[BassMan]

fa-comments

 

[beerForo]

Doesn't show an icon

<xf:fa icon="fa-comments" aria-hidden="true" />

 

[BassMan]

Sorry, now I've read the title right. Are you talking about these banners?

 

[beerForo]

Yes I had icons before 2.3 in group banners.

 

[BassMan]

Create a custom class like this:



Then add to extra.less:

.userBanner--administrator {
    &:before {
        .m-faContent(@fa-var-solid-badge-check);
    }
}

 

[beerForo]

Solution by @Jeremy P:

Post in thread 'Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc...'

Nov 27, 2024

You can use the JS renderer to accomodate places which aren't phrased or don't support template syntax:

<i class="fa fa-bars" data-xf-init="icon"></i>

• Jeremy P

• 
•