1. 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

Discussion in 'XenForo Questions and Support' started by fattony69, Sep 17, 2012.

  1. 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.
     
  2. Russ

    Russ Well-Known Member

    Looks like your missing background position? Nvm not a sprite!
     
  3. fattony69

    fattony69 Well-Known Member

    Sorry, I should have mentioned that.
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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.
     
  5. fattony69

    fattony69 Well-Known Member

    Should that fix it all?

    Edit: It works.
     

Share This Page