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

Custom Node Icons

Jake Bunce

XenForo moderator
Staff member
That thread has a CSS selector error (need to remove the space between first two classes), and is missing the background-position which is needed as of XF 1.1. Try this revised code.

/* custom status icons */
.node.node_7 .forumNodeInfo .nodeIcon, .node.node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
    background-position: 0px 0px;
.node.node_7 .forumNodeInfo.unread .nodeIcon, .node.node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
    background-position: 0px 0px;