• 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
#2
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.

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;
}