Changing Node Icons


Well-known member
I've seen this done on various forums. How does one go about changing the Node Icons(for example the speech bubble things on the default XF skin)?

I run a book forum so it be cool to actually have the individual book covers as their respective Node Icons.


XenForo moderator
Staff member
Create your own style directory, copy all of the default style folders and files, upload your custom icons overwriting the default ones and change the path to images in the style properties in the ACP.


Well-known member
For having the same node icons across the site, you just need to change the information in SP:-


If you want different icons per node, then you need to use EXTRA.css

li.node.category.node_1 .nodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/misc/1un.png");
background-position: 0 auto !important;

li.node.category.node_1 .nodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/misc/1.png");
background-position: 0 auto !important;

changing the node_1 to respresent each node you wish to have an image for (don't forget to make sure you have a read and an unread image and to change the image size in the NodeIcon SP