XF 1.1 Custom Node Icons Loading in Chrome Only

fattony69

fattony69

Well-known member
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.
 
Sort by date Sort by votes
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.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

New Joe
  • Question Question
XF 2.0 Individual node icons/pictures for xenforo 2
Replies
2
Views
1K
Arty
Arty
dooma
  • Question Question
XF 1.5 node icons
Replies
3
Views
756
dooma
dooma
InsertUserNameHere
  • Locked
  • Question Question
XF 1.5 CSS image per node not working
Replies
1
Views
625
Paul B
Paul B
A
  • Question Question
XF 1.5 Custom Node Icon Issue
Replies
1
Views
776
ali_00080
A
NURV
  • Question Question
XF 2.0 CSS For Custom Node Icons in XenForo 2.0?
Replies
3
Views
3K
chaot3ch
chaot3ch
Top Bottom