Node Icons CSS (Need Help)

gregbtm

Customer
Hi there guys,

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

Code:
.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 -

2-news-sprite-new.png


Sprite code being

Code:
.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

Pixel Exit Staff
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

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

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.