XF 2.2 Is there any way to add custom icon to node, forum or thread?

[NandorHUN]

Basically I would like to set a custom icon to each and every node if possible...

Thanks a lot!

 

[Paul B]

Yes, it's possible using the extra.less template with custom CSS targeting each node ID.

 

[NandorHUN]

Im not really a technical guy... how hard is it to do it?
If possible I wanted to have a simple "browse" the icon solution for each node and forum....

 

[Paul B]

Any sort of automated process would require custom development.

It's not that hard to do - it just requires some CSS per node, as well as uploading the images to the server.

 

[NandorHUN]

Any sort of automated process would require custom development.

It's not that hard to do - it just requires some CSS per node, as well as uploading the images to the server.

Is there a tutorial or description? Also, what about ad-ons?

 

[beerForo]

Go to fontawesome and select the icon you want.

Put this in extra.less (per forum).

.node--idxx.node--page .node-icon i:before {
    content: "\xxxx";
}

xx = the forum id, example: 24
xxxx = the font awesome code, example: f636

 

[NandorHUN]

Go to fontawesome and select the icon you want.

Put this in extra.less (per forum).

.node--idxx.node--page .node-icon i:before {
    content: "\xxxx";
}

xx = the forum id, example: 24
xxxx = the font awesome code, example: f636

Thanks!

I know I will sound stupid, but where is this fontawesome?
I guess I will just have to upload the icons via ftp, no?
If I add this to extra.less how will the "thread" find the icon? There's no link in this code....

Thanks again!

 

[beerForo]

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

Search icons there for what you need. Just get the code.

This is for the forum node, not thread.

You might want to look into the article thread type and the preview view mode if you want imagery for threads.

 

[NandorHUN]

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

Search icons there for what you need. Just get the code.

This is for the forum node, not thread.

You might want to look into the article thread type and the preview view mode if you want imagery for threads.

Well, I mostly only want to get icons for the forums not the threads, so that's fine.

But these icons are expensive... 99 USD/year, when I can buy better ones for 10 USD?

 

[beerForo]

XF has already paid for the usage. Just use the code where the xxxx are.

 

[NandorHUN]

XF has already paid for the usage. Just use the code where the xxxx are.

I see, thanks.

And what if I want to use custome icons - something that's more colorful?

 

[beerForo]

You can.

 

[StryGuardian]

Just do yourself a favor and purchase this addon for $10. You can use whichever images you want as node icons.

 

[NandorHUN]

Does it work with XF 2.2?

 

[StryGuardian]

Works with 2.1, so it should work with 2.2.

 

[beerForo]

The comments seem to say it does. Check the thread.

 

[NandorHUN]

Just do yourself a favor and purchase this addon for $10. You can use whichever images you want as node icons.

Thanks. I like it, but it automatically makes the forums "thicker" in the list.

Is there any way to set it back?

 

[Paul B]

Post in the resource thread for any questions or assistance with it.