XF 1.2 Second Node icons


Im new to Xenforo and i have been trying to add a second node icon by following this http://xenforo.com/community/resources/node-secondary-images.1512/ it works fine but the icons i add get cut off, Just a heads up im also new to css styling. Here is the problem

here is what i have in EXTRA.css

.node .nodeText {
  position: absolute;
top: -2px;
padding-left: 90px;

.nodeList .node_40 .nodeText{ background: url("images/Ghosts.png") no-repeat }


Well-known member
I've been told this is the way to do it: http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

But I've been facing the sort-of the same problem. My images slanted to the left like yours is being slanted to the "top" while the rest of the image is being cut off from the middle down.

I used this code:
/* custom status icons */

/* node id 2*/
.node .node_2 .forumNodeInfo .nodeIcon, .node .node_2 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-2.png");
.node .node_2 .forumNodeInfo.unread .nodeIcon, .node .node_2 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-2.png");
/* node id 7*/
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
/* node id 15*/
.node .node_15 .forumNodeInfo .nodeIcon, .node .node_15 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-read-15.png");
.node .node_15 .forumNodeInfo.unread .nodeIcon, .node .node_15 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/forum-unread-15.png");
....On 1.2, and I found it doesn't really work.

I know you wanted second category nodes, but what I'm saying is, we're facing the same kind of problems.

Hell, I even experienced the same "disappearing icons" as shown in the image you provided.
Last edited:


XenForo moderator
Staff member
Your secondary icons are 80px in height, with only 31px height available in the node container.

Either reduce your icons or increase the height of the container.


XenForo moderator
Staff member
I personally would either replace the standard icon or make the secondary icon smaller, otherwise it's going to look something like this: