Member_68162 Active member Oct 15, 2017 #1 How can I replace the FontAwesome node icons with an image for both read and unread forums?
Radhi Active member Jul 17, 2018 #21 Can it work as an add-on that is easier and better Upvote 0 Downvote
maszd Well-known member Jul 17, 2018 #22 Alshalan said: Can it work as an add-on that is easier and better Click to expand... https://xenforo.com/community/resources/xfa-nodes-icon-tweak-xf2.5683/ Upvote 0 Downvote
Alshalan said: Can it work as an add-on that is easier and better Click to expand... https://xenforo.com/community/resources/xfa-nodes-icon-tweak-xf2.5683/
Radhi Active member Jul 18, 2018 #23 maszd said: https://xenforo.com/community/resources/xfa-nodes-icon-tweak-xf2.5683/ Click to expand... Thanks Upvote 0 Downvote
maszd said: https://xenforo.com/community/resources/xfa-nodes-icon-tweak-xf2.5683/ Click to expand... Thanks
Abraham54 Well-known member Dec 21, 2018 #24 This is the formula that works on my site: CSS: /* Forum read & unread icons */ .node--forum.node--read .node-icon i:before{content: url('node icon/node-read.png'); } .node--forum.node--unread .node-icon i:before{content: url('node icon/node-unread.png'); } Upvote 0 Downvote
This is the formula that works on my site: CSS: /* Forum read & unread icons */ .node--forum.node--read .node-icon i:before{content: url('node icon/node-read.png'); } .node--forum.node--unread .node-icon i:before{content: url('node icon/node-unread.png'); }
JackieChun Well-known member Aug 27, 2019 #25 If you want to use different opacity levels for read and unread forums, here's the code: Code: .node--forum.node--read .node-icon i:before{content: url(/img/node-icon.png); opacity: 0.3;} .node--forum.node--unread .node-icon i:before{content: url(/img/node-icon.png); opacity: 0.9;} Upvote 0 Downvote
If you want to use different opacity levels for read and unread forums, here's the code: Code: .node--forum.node--read .node-icon i:before{content: url(/img/node-icon.png); opacity: 0.3;} .node--forum.node--unread .node-icon i:before{content: url(/img/node-icon.png); opacity: 0.9;}
JoyFreak Well-known member Jun 14, 2020 #26 I'm trying to target each sub forum icon. This is what I have: Code: .subNodeLink.subNodeLink--forum:before { content: "\f187"; } I want to change the icon for each sub forum on the forum list. Any idea how? Upvote 0 Downvote
I'm trying to target each sub forum icon. This is what I have: Code: .subNodeLink.subNodeLink--forum:before { content: "\f187"; } I want to change the icon for each sub forum on the forum list. Any idea how?
C crondoc Member Oct 22, 2021 #27 You can change a node's icon by putting a line like this into extra.less where "5" is the node id/number (click on the node and look at the unique number in the URL) Code: .node--id5 .node-icon .fa-comments:before { content: "\f084"; } Upvote 0 Downvote
You can change a node's icon by putting a line like this into extra.less where "5" is the node id/number (click on the node and look at the unique number in the URL) Code: .node--id5 .node-icon .fa-comments:before { content: "\f084"; }