/* 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;
}
The node icons are defined in your:
Admin CP -> Appearance -> Style Properties -> Node Icons
The default icons use a sprite image, but you can replace it with individual images if you want.
You can also create separate icons for each forum:
http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/
But in 1.1 you must also set the background-position unless you are using sprites that mirror the default node icons. Here is the code from that thread with the background-position added:
Rich (BB 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; }
does this work for sub forums? it's working fine for my root forums, but not sub-forums.
/* 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;
}
Yes it should.
I was working with a person once where we had to change the CSS selector slightly to get it working. This is something you might try:
Rich (BB 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; }
(removed space between .node .node_#)
that totally worked. thank you! should i just do that for sub-forums, or all of them? does it matter?
We use essential cookies to make this site work, and optional cookies to enhance your experience.