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

XF 1.1 Custom Node Icons Loading in Chrome Only

fattony69

Well-known member
#1
I am trying to set up custom node icons based upon Jake's post, but I have an issue as it doesn't seem to load in Firefox, Internet Explorer (LOL), and Opera, but only in Chrome. Here is the code:

Code:
.node.node_146 .forumNodeInfo .nodeIcon, .node.node_146 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/announcements-icon-read.png");
}
.node.node_146 .forumNodeInfo.unread .nodeIcon, .node.node_146 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/announcements-icon.png");
}
 
.node.node_42 .forumNodeInfo .nodeIcon, .node.node_42 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/help-desk-icon-read.png");
}
.node.node_42 .forumNodeInfo.unread .nodeIcon, .node.node_42 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/help-desk-icon.png");
}
 
.node.node_152 .forumNodeInfo .nodeIcon, .node.node_152 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/off-icon-read.png");
}
.node.node_152 .forumNodeInfo.unread .nodeIcon, .node.node_152 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/off-icon.png");
}
 
.node.node_57 .forumNodeInfo .nodeIcon, .node.node_57 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/on-icon-read.png");
}
.node.node_57 .forumNodeInfo.unread .nodeIcon, .node.node_57 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/on-icon.png");
}
 
.node.node_70 .forumNodeInfo .nodeIcon, .node.node_70 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/soccer-referee-grass-icon-read.png");
}
.node.node_70 .forumNodeInfo.unread .nodeIcon, .node.node_70 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/soccer-referee-grass-icon.png");
}
 
.node.node_68 .forumNodeInfo .nodeIcon, .node.node_68 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/camaro-icon-read.png");
}
.node.node_68 .forumNodeInfo.unread .nodeIcon, .node.node_68 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/camaro-icon.png");
}
 
.node.node_69 .forumNodeInfo .nodeIcon, .node.node_69 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Computer-icon-read.png");
}
.node.node_69 .forumNodeInfo.unread .nodeIcon, .node.node_69 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Computer-icon.png");
}
 
.node.node_154 .forumNodeInfo .nodeIcon, .node.node_154 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Devices-video-television-icon-read.png");
}
.node.node_154 .forumNodeInfo.unread .nodeIcon, .node.node_154 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Devices-video-television-icon.png");
}
 
.node.node_72 .forumNodeInfo .nodeIcon, .node.node_72 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Health-care-shield-icon-read.png");
}
.node.node_72 .forumNodeInfo.unread .nodeIcon, .node.node_72 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Health-care-shield-icon.png");
}
 
.node.node_151 .forumNodeInfo .nodeIcon, .node.node_151 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/joystick-icon-read.png");
}
.node.node_151 .forumNodeInfo.unread .nodeIcon, .node.node_151 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/joystick-icon.png");
}
 
.node.node_183 .forumNodeInfo .nodeIcon, .node.node_183 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Art-icon-read.png");
}
.node.node_183 .forumNodeInfo.unread .nodeIcon, .node.node_183 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Art-icon.png");
}
 
.node.node_155 .forumNodeInfo .nodeIcon, .node.node_155 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/turin-tales-icon-read.png");
}
.node.node_155 .forumNodeInfo.unread .nodeIcon, .node.node_155 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/turin-tales-icon.png");
}
 
.node.node_156 .forumNodeInfo .nodeIcon, .node.node_156 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Paint-icon-read.png");
}
.node.node_156 .forumNodeInfo.unread .nodeIcon, .node.node_156 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Paint-icon.png");
}
 
.node.node_157 .forumNodeInfo .nodeIcon, .node.node_157 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/1st-Prize-Trophy-icon-read.png");
}
.node.node_157 .forumNodeInfo.unread .nodeIcon, .node.node_157 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/1st-Prize-Trophy-icon.png");
}
 
.node.node_150 .forumNodeInfo .nodeIcon, .node.node_150 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Log-In-icon-read.png");
}
.node.node_150 .forumNodeInfo.unread .nodeIcon, .node.node_150 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/Log-In-icon.png");
}
 
.node.node_182 .forumNodeInfo .nodeIcon, .node.node_182 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/chair-icon-read.png");
}
.node.node_182 .forumNodeInfo.unread .nodeIcon, .node.node_182 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/chair-icon.png");
}
 
.node.node_60 .forumNodeInfo .nodeIcon, .node.node_60 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/vip-read.png");
}
.node.node_60 .forumNodeInfo.unread .nodeIcon, .node.node_60 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/vip.png");
}
 
.node.node_147 .forumNodeInfo .nodeIcon, .node.node_147 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/staff-read.png");
}
.node.node_147 .forumNodeInfo.unread .nodeIcon, .node.node_147 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/staff.png");
}
 
.node.node_153 .forumNodeInfo .nodeIcon, .node.node_153 .categoryForumNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/archive-read.png");
}
.node.node_153 .forumNodeInfo.unread .nodeIcon, .node.node_153 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("@imagePath/xenforo/custom_node_icons/archive.png");
}
Edit: None show up for guests in all the browsers. Only some show up WHEN logged in the all the browsers as a member, but all of them show up when logged in as an administrator.

Edit 2: Nothing shows up for the unread version.
 

Jake Bunce

XenForo moderator
Staff member
#4
Even if your custom icons are not sprites you still need to "zero out" the background-position because that will be inherited from the default style properties.