XF 2.3 Changing Node icon...

[cjwinternet]

I was wondering how this actual forum changed the node icons...



Literally every available FA SVG file is in the 2.3 upload folder, and subsequently on the server, but why? There doesn't seem to be use for more than a handful of them?

In short, how can we change the node icons, CSS doesn't work as it did in 2.2.

 

[Old Nick]

I changed ALL nodes icon on my forum with this code:

.node .node-icon svg {display: none;}

.node.node--id2 .node-icon i {&::before {.m-faContent(@fa-var-megaphone, 0.9em);}}
.node.node--id3 .node-icon i {&::before {.m-faContent(@fa-var-lightbulb-on, 0.9em);}}
.node.node--id5 .node-icon i {&::before {.m-faContent(@fa-var-hand-holding-seedling, 0.9em);}}
.node.node--id6 .node-icon i {&::before {.m-faContent(@fa-var-pumpkin, 0.9em);}}
.node.node--id7 .node-icon i {&::before {.m-faContent(@fa-var-lemon, 0.8em);}}
.node.node--id8 .node-icon i {&::before {.m-faContent(@fa-var-leaf-heart, 0.9em);}}
.node.node--id9 .node-icon i {&::before {.m-faContent(@fa-var-flower-daffodil, 0.9em);}}

[...]

 

[Old Nick]

But the icons you have circled come from the type of forum configured in the ACP: questions, discussions, suggestions...

 

[hIBEES]

I changed ALL nodes icon on my forum with this code:

.node .node-icon svg {display: none;}

.node.node--id2 .node-icon i {&::before {.m-faContent(@fa-var-megaphone, 0.9em);}}
.node.node--id3 .node-icon i {&::before {.m-faContent(@fa-var-lightbulb-on, 0.9em);}}
.node.node--id5 .node-icon i {&::before {.m-faContent(@fa-var-hand-holding-seedling, 0.9em);}}
.node.node--id6 .node-icon i {&::before {.m-faContent(@fa-var-pumpkin, 0.9em);}}
.node.node--id7 .node-icon i {&::before {.m-faContent(@fa-var-lemon, 0.8em);}}
.node.node--id8 .node-icon i {&::before {.m-faContent(@fa-var-leaf-heart, 0.9em);}}
.node.node--id9 .node-icon i {&::before {.m-faContent(@fa-var-flower-daffodil, 0.9em);}}

[...]

That is excellent, very good, thanks for sharing

 

[Mushpoie]

This works great, do you know how to do the same with subforums?

 

[Old Nick]

This resource can help:

[cXF] Coloured Node Icons

Mar 12, 2018

... DIY tutorial

• BassMan
• bassman customizexf.com cxf node icon
• XenForo tips & guides [2.x]

 

[Mushpoie]

This resource can help:

[cXF] Coloured Node Icons

Mar 12, 2018

... DIY tutorial

• BassMan
• bassman customizexf.com cxf node icon
• XenForo tips & guides [2.x]

Thanks a bunch man.