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

XF 1.4 Some node icons not displaying

#1


As seen in the image above, I have added custom icons for my various nodes. However, for some reason, the icon for certain nodes won't display. I have checked the extra.css and can't seem to find anything out of the ordinary.

/* custom status icons */
.node .node_1 .forumNodeInfo .nodeIcon, .node .node_1 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_1 .forumNodeInfo.unread .nodeIcon, .node .node_1 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_2 .forumNodeInfo .nodeIcon, .node .node_2 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_2 .forumNodeInfo.unread .nodeIcon, .node .node_2 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_3 .forumNodeInfo .nodeIcon, .node .node_3 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_3 .forumNodeInfo.unread .nodeIcon, .node .node_3 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_4 .forumNodeInfo .nodeIcon, .node .node_4 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_4 .forumNodeInfo.unread .nodeIcon, .node .node_4 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_5 .forumNodeInfo .nodeIcon, .node .node_5 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_5 .forumNodeInfo.unread .nodeIcon, .node .node_5 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_6 .forumNodeInfo .nodeIcon, .node .node_6 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_6 .forumNodeInfo.unread .nodeIcon, .node .node_6 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_8 .forumNodeInfo .nodeIcon, .node .node_8 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_8 .forumNodeInfo.unread .nodeIcon, .node .node_8 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_9 .forumNodeInfo .nodeIcon, .node .node_9 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_9 .forumNodeInfo.unread .nodeIcon, .node .node_9 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_10 .forumNodeInfo .nodeIcon, .node .node_10 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_10 .forumNodeInfo.unread .nodeIcon, .node .node_10 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_11 .forumNodeInfo .nodeIcon, .node .node_11 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_11 .forumNodeInfo.unread .nodeIcon, .node .node_11 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_12 .forumNodeInfo .nodeIcon, .node .node_12 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
}
.node .node_12 .forumNodeInfo.unread .nodeIcon, .node .node_12 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://i.imgur.com/1vCXMbK.png");
Any idea what's causing this?
 

Brogan

XenForo moderator
Staff member
#2
If all icons are the same, you can set the path in Style Properties without resorting to all of that code.
 

Brogan

XenForo moderator
Staff member
#4
I would also recommend uploading the image directly to your server rather than relying on it being hosted on an external server.