Different forum icons?

[HenrikHansen]

How do I make different icons for each forum, like here?

http://www.techspot.com/community/

 

[Arty]

.nodeList .node_75 .nodeText{ min-height: 40px; background: url("@imagePath/xenforo/icons/ClashRoyale30.png") no-repeat scroll left transparent;}

Adjust value of min-height to match your image height.

 

[X3nman]

That worked perfectly!

Thanks very much for your help

 

[zackm]

Create icon sets for those forums, add CSS for each forum like this:

.nodeList .node.node_1 .nodeIcon { background-image: url('@imagePath/xenforo/node-1.png');

Change 1 to forum id

Can this work with different read/unread images?

 

[Arty]

No, you need to merge them into sprite.

 

[zackm]

No, you need to merge them into sprite.

Not totally sure what that means.

I am trying to make custom icons for each forum, but I want them to be a different color depending on whether or not there are unread posts. Is that possible?

 

[Arty]

I have a tutorial for that: https://www.artodia.com/xenforo-tutorials/custom-node-sprite/