Node Icons CSS (Need Help)

[gregbtm]

Hi there guys,

This is the code I'm using in my extra.less template

.block-body
{
    .node--unread .node-icon i
    {
        background-position: right center;
    }
    .node-icon
    {
                padding-right: 10px;
        width: 42px;
        i
        {
        background: url(styles/xenbase/branding/icons/2-news-sprite-new.png) no-repeat left top;
        background-size: auto 50px;
        width: 50px;
        height: 50px;
        &:before
        {
            opacity: 0 !important;
        }
        }
    }
    .node--id2 .node-icon i
    {
        background: url(styles/xenbase/branding/icons/2-news-sprite-new.png) no-repeat left top;
    }

}

For some reason, it shows an icon on every forum except the one I'm trying to style. My desired result is a different 'new posts' icon for each forum, with a different 'no new posts' per forum. I created a sprite for each icon, as so -

Sprite code being

.bg-2_news {
    width: 382px; height: 382px;
    background: url('css_sprites.png') -0 -0;
}

.bg-2_news_old {
    width: 382px; height: 382px;
    background: url('css_sprites.png') -382px -0;
}

Could you help me figure out what I'm doing wrong?

 

[Russ]

Was checking out your site (where the license is attached too) and it's appearing slightly broken at the moment. It looks to be a CSS issue. The above looks fine as far as I can tell. Can you create a ticket with an admin login so I can take a closer look?

 

[gregbtm]

Just replied to my ticket I had installed the XFA Node Icon addon. That appears broke.. So I've uninstalled and reverted back to the code above.