XF 2.1 category node icons

[Mr Lucky]

My node icons no longer display after upgrading to 2.1.

Can anyone please help, presumably I need make changes to my css, currently for xf2 e.g.

.block.block--category.block--category23 .block-header:before {
    font-family: FontAwesome;
    content: '\f21b';
    float: left;
    padding-right: 5px;
}

Thanks

 

[kelle67]

We have the same problem. I have tried many things. If someone has a solution I would be very grateful.
Maybe @BassMan

 

[Matthew S]

I use this in my extra.less. There is still a hiccup using the brands FA set, but the rest are fine. You can use up to FA 5.6.0 currently.

.node--id15 .node-icon i::before {
content: "\f57e" !important;
}

 

[BassMan]

Remove font-family and add .m-faBase();. Maybe it's not even needed. Still on mobile for some time so can't check...

For Brand icons use this .m-faBase('Brands');.

@Mr Lucky , you also won't need float: left.

 

[kelle67]

Remove font-family and add .m-faBase();. Maybe it's not even needed. Still on mobile for some time so can't check...

For Brand icons use this .m-faBase('Brands');.

@Mr Lucky , you also won't need float: left.

You're the best.
That's what I thought you knew the solution.
Thank you so much.

.block.block--category.block--category3  .block-header:before {
    .m-faBase();
    content: '\f21b';
    padding-right: 5px;
}

 

[Mr Lucky]

Remove font-family and add .m-faBase();. Maybe it's not even needed. Still on mobile for some time so can't check...

For Brand icons use this .m-faBase('Brands');.

@Mr Lucky , you also won't need float: left.

Thanks working for me now.

Without the float it appears above the title, I want it to the left so the float seems to work for that.