XF 2.0 Individual node icons/pictures for xenforo 2

New Joe

Well-known member
In Xenforo 1 i use the below for having individual node icones/pictures:

Code:
.node.node_258 .forumNodeInfo .nodeIcon, .node.node_258 .categoryForumNodeInfo .nodeIcon {
    background-image: url("/caticon/70x70.png");
    background-position: 0px 0px;
    height: 70px;
  width: 70px;   
}
.node.node_258 .forumNodeInfo.unread .nodeIcon, .node.node_258 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("/caticon/70x70.png");
    background-position: 0px 0px;
    height: 70px;
  width: 70px;   
}

I have each icon at a size of 70x70. with read and unread always normal image showing as per the above code.

So for Xenforo 2 how can I do exactly the same, as I guess it's a totally different code the the above or is it just a tweek of the code?
 
Code:
.node--id33 .node-icon i { display: none; }
.node--id33 .node-icon { background-image: url('/caticon/2.png'); background-repeat: no-repeat; background-position: center; }
.node--id33 .node--read .node-icon { opacity: 0.5; }

That kind of works:
Screen Shot 2018-04-18 at 21.55.12.webp

But i need the image to be 70x70 and kinda more central looking as it seems a bit over to the left to me..
Anyone can help tweek the code?
 
Top Bottom