XF 1.5 Node icon styling

[Trapstarz]

Hello,

Whats the CSS to display this node icon properly?

http://prntscr.com/k8yha6

 

[Jordyn]

In Style Properties: Node Icons>>Node Icon, is the height and width the same size as the image you're adding?

 

[Jordyn]

Probably the easiest way to do this if you're just using the 1 image.
I would add to your extra.css

.node.node .forumNodeInfo .nodeIcon, .node.node .categoryForumNodeInfo .nodeIcon {
    background-image: url("/images/yourimage.png");
    background-position: 0px 0px;
    opacity: 0.4;
}
.node.node .forumNodeInfo.unread .nodeIcon, .node.node .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("/images/yourimage.png");
    background-position: 0px 0px;
    opacity: 1.0;
}

Then go to Properties: Node Icons>>Node Icon Miscellaneous and set the same image size as you're adding.
If your node image ends up to close to your forum titles, change the Margin, Left: 0px in Properties: Node Icons>>Node Icon.

Though you can do the same thing by adding your image to Properties: Node Icons>>
Node Icon Forum
Node Icon Unread Forum. Next to your Node Icon Unread Forum image, Position must be 0 0
You will still need to change Properties: Node Icons>>Node Icon Miscellaneous Width, Height. And Margin, Left: 0px.

Hope this helps.