UI.X 1.5.22.0
- Thread starter Dad.
- Start date
We built this in.
Go to Style Properties > UI.X Forum Nodes > Category Strip icons (turn that on).
Then, go to your EXTRA.css or proprietary CSS file and add this CSS in:
Rich (BB code):
.nodeList .node.category.node_1 .categoryStrip .nodeTitle:before {content: '\f02d';}Where the part in red is the node id of the category. And the part in blue is the character code of the font you want. For example, the character codes for FontAwesome can be found on their cheatsheet. Make sure you only use the part after the x and before the ;. It starts with an 'f' and ends in a number, in other words.
BassMan
Well-known member
Great, didn't know that
Yes, we have it fixed. Will be releasing a fix in the next few days.
I hope they will implement this as an option next release
Why did you use the old version? Where v4 is already out and supported: http://fortawesome.github.io/Font-Awesome/cheatsheet/
BassMan
Well-known member
New add-on released to do that: http://xenforo.com/community/resources/*******-custom-node-style.3445/I hope they will implement this as an option next release
BassMan
Well-known member
Yes, I'm in decreasing add-on mood too
*btw: wow, like those new fetaures in XF 1.4
How easy to quote now!
2TonWaffle
Active member
Be any issue in removing it? Strange in that it only appears when upgrading the previous version style but, does not show when doing a new, fresh install.
I hope they will implement this as an option next release
This is built already in the current version as well. I posted about it in the release notes.
We are using 4.1.0 in the current version so not sure what you mean.
Like I said, we have this built. Check the setting on in UI.X Forum Nodes > Node Stats as Icons.
Whats the issue here exactly?
I mean how can we implement custom icon per forum node?
Like implementing custom icon for category.
In your link here: http://xenforo.com/community/threads/ui-x-paid.57944/page-106#post-800723
You linked the old cheatsheet: http://fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/
Ah, same process really. Just instead of .category you can just remove that part. Ill post up something in the documentation.
Ah. Thats just Google's first result, but yeah you can use whatever version is installed. UI.X by default currently is 4.1.0.
So something like:
Code:
.nodeList .node.category.node_1 .nodeTitle:before {content: '\f02d';}How?
2TonWaffle
Active member
2TonWaffle
Active member
Now stuck in trying to figure out in how only a few nodes are sticking to the previous images and not reflecting the changes I've made to have new images show.
Using the above in the extra.css
Update: Figured in what was causing this issue. Some reason the extra.css had become bloated with copies of itself (over 30k characters) which was causing the old edits to over take the new. Went in and removed the extra copies within and everything is back to normal. Still have the js issue at the top of the page.
Code:
.nodeList .node_14 .categoryForumNodeInfo {
background: url("styles/uix/TLW_Hub.png") no-repeat scroll !important;
}
.nodeList .node_14 .primaryContent {
background: url("styles/uix/TLW_Hub.png") no-repeat scroll !important;
}Using the above in the extra.css
Update: Figured in what was causing this issue. Some reason the extra.css had become bloated with copies of itself (over 30k characters) which was causing the old edits to over take the new. Went in and removed the extra copies within and everything is back to normal. Still have the js issue at the top of the page.
Last edited:
