• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Changing Node Icons

Cambion

Well-known member
#1
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.
 

Brogan

XenForo moderator
Staff member
#2
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.
 

Lisa

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

nodeicons.png

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

Code:
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