XF 2.1 Problem with a Navtab Icon

[vangelis]

Hello,

i have added a forum icon to the navtab in my forum.

Everything works great except the one:



I use this code:

.p-navEl a[data-nav-id='windows']:before {.m-faContent("@{fa-var-windows}");}

and

.p-navEl a[data-nav-id='windows']:before {content:"\f17a";}

unfortunately you will not be shown one
Anybody got any ideas?



Thanks a lot

 

[djbaxter]

According to this

Windows Icon | Font Awesome

Windows icon in the Solid style. Make a bold statement in small sizes.. Available now in Font Awesome 6.

fontawesome.com

it should be

brands Style (fab)
f17a

HTML
<i class="fab fa-windows"></i>

 

[vangelis]

Hello and thank you for your answer.

unfortunately this does not work

I put that in the extra.less:

.p-navEl a[data-nav-id='windows']:before {.m-faContent("@{fab-var-windows}");}

but is not displayed.

am I doing something wrong?

here again my extra.less:

.p-navEl a:before {
    .m-faBase();
    display: inline-block;
    text-align: center;
    margin-right:2px;
    border-radius:25px;
    line-height:normal;
}

.p-navEl a[data-nav-id='Home']:before {.m-faContent("@{fa-var-home}");}

.p-navEl a[data-nav-id='windows']:before {.m-faContent("@{fa-var-windows}");}
}

danke

 

[djbaxter]

I don't know if this will work but that is a navigation link so worth a try...

AdminCP >> Setup >> Navigation >> Public navigation

Delete or comment out the extra CSS you added and use this instead.

Add this before the link for that item:

<i class="fab fa-windows"></i>

 

[Gemma]

.p-navEl a[data-nav-id='windows']:before {
    margin-right:2px;
    .m-faBase('Brands');
    .m-faContent("@{fa-var-windows}");
}

This should work

 

[vangelis]

I wanted to thank you both.

everything worked out great,