XF 2.2 Sub-category icons

[Z41N]

Hey everyone!

So here's an example forum/thread I have:



I was able to easily add the custom icon for the main thread (Suggestions) using extra.less:

//Suggestions
.node--forum.node--id23.node--read .node-icon i:before{content: url(./images/suggestions.png);}
.node--forum.node--id23.node--unread .node-icon i:before{content: url(./images/suggestions.png);}

So I applied the same logic for the sub-categories (Approved, Denied, Implemented). But it doesn't seem to be working.
My assumption is that, since its a sub-category, the code for it must be different. But since its still a "forum node" AND I have the right node ID, I don't know what the issue is, or maybe I just need the correct syntax for it?

How can I add a custom icon to the sub-categories, just like I did for the main category?

Thanks!

 

[javakhir]

/*
write here name of the thread, note for yourself
*/

.node.node--id23 .node-icon i:before{
content: "";
background: url('images/icon1');
width: 100px;
height: 50px;
display: block;
}


.node.node--id23.node--unread .node-icon i:before{
content: "";
background: url('images/icon2');
width: 100px;
height: 50px;
display: block;
}


you can adjust width & height