XF 2.2 Change icon in the header navigation

[quimerics]

Hi,

How to change the icon for one page in the header navigation?

I'm trying this code in extra.less:

.p-navEl-link[data-nav-id='idhere']:before {content: '\f1e8'}

but it does not work

Thanks.

 

[Russ]

Did you change the "idhere" to your class?

Additionally, you may need a higher selector to work:

#XF .p-navEl-link[data-nav-id='idhere']:before { content: "\f1e8"; }

 

[quimerics]

Did you change the "idhere" to your class?

Additionally, you may need a higher selector to work:

#XF .p-navEl-link[data-nav-id='idhere']:before { content: "\f1e8"; }

hi, yes. I can change my icon with that code, but sadly it doesn't works for "\f1e8" :

.offCanvasMenu, .p-navEl
{
a[data-nav-id="EWRrio"]:before { .m-faContent("\f03d") !important;}
}

 

[Russ]

XF 2.2 - Not getting Font Awesome 5 Icons in Extra.less?

I'm using the newest version of Xenforo, and when trying to set the icons in Extra.less I'm only getting FontAwesome 4 icons, not 5 :( All the icons work, except the Discord Icon shows up as [], but the icons are the old FontAwesome 4 icons for some reason :( .p-navEl-link { &:before {...

xenforo.com

That's a brand icon, requires a little more CSS.

 

[quimerics]

XF 2.2 - Not getting Font Awesome 5 Icons in Extra.less?

I'm using the newest version of Xenforo, and when trying to set the icons in Extra.less I'm only getting FontAwesome 4 icons, not 5 :( All the icons work, except the Discord Icon shows up as [], but the icons are the old FontAwesome 4 icons for some reason :( .p-navEl-link { &:before {...

xenforo.com

That's a brand icon, requires a little more CSS.

i have already tried that too. does not show any icon