XF 2.0 How do I change node icon?

[MoonShadows]

How do I change the default node icon? Can I have a different one for each node? If so, how? Thanks.

 

[CJ6]

@CJ6 , No does not work

There is no way to change the icon for a link forum? I was hoping (and am trying) to change the forum.node to something like linkforum.node (and other varieties), but its not working.

 

[Emre]

Do you want to add color to forum links?

 

[CJ6]

Do you want to add color to forum links?

No, I'm just trying to change the font awesome icon.

 

[Some Guy]

I got it to work on a forum node..thanks, but how do I change the link forum node?

This goes in extra.css. Change 69 to be your link forum node and image.png to be your image.

//
.node--id69.node--link .node-icon i:before {
    background-image: url('images/image.png');
    background-size: 44px 44px;
    display: inline-block;
    width: 44px;
    height: 44px;
    content:"";
}

 

[ElsmarMarc]

As I look to converting an old vB 3.8.9 forum to Xenforo 2.x, it is things like this which should be simple which drive me away from converting.

 

[Jordyn]

As I look to converting an old vB 3.8.9 forum to Xenforo 2.x, it is things like this which should be simple which drive me away from converting.

Well i'll save you some time by posting what codes actually work.
Font awesome icons: https://www.customizexf.com/resources/coloured-node-icons.59/
Change default XF2 icons to image: https://xenforo.com/community/threads/change-node-icons-to-img-in-xenforo-2-0.150365/#post-1268056

 

[ElsmarMarc]

Thank you! I appreciate your help!

 

[Jordyn]

Thank you! I appreciate your help!

No worries mate, im a long time user of vb3 to since 2004, so it took me awhile to see the light
If you need a hand mate just yell out

 

[oneobgyn]

This goes in extra.css. Change 69 to be your link forum node and image.png to be your image.

//
.node--id69.node--link .node-icon i:before {
    background-image: url('images/image.png');
    background-size: 44px 44px;
    display: inline-block;
    width: 44px;
    height: 44px;
    content:"";
}

I am interested in this. Where do it put this css code?
I am assuming the node ID is the number in my URL when I open a relevant node in Admin?

 

[Some Guy]

extra.less template. Yes the id is in the URL.

 

[oneobgyn]

Thanks Some Guy, I will try it out. Need to design some icons first.

 

[Radhi]

Any add on for change node icon with image .png / .jpeg

 

[Newdeal2019]

What have I done wrong?

Doesn't work

 

[pipin]

What have I done wrong?

Doesn't work

url in ' not "