UI.X

UI.X 1.5.22.0

No permission to download
My apologies. It worked(see screenshot). Looks like I picked the wrong week to quit sniffing glue (y)

Now, how do I get "different" font awesome nodes and how to install (see two screenshots for example)?

Thanks.
 

Attachments

  • Screen shot 2014-09-05 at 2.38.14 PM.webp
    Screen shot 2014-09-05 at 2.38.14 PM.webp
    8.3 KB · Views: 19
  • Screen shot 2014-09-05 at 2.42.06 PM.webp
    Screen shot 2014-09-05 at 2.42.06 PM.webp
    1.6 KB · Views: 15
  • Screen shot 2014-09-05 at 2.41.52 PM.webp
    Screen shot 2014-09-05 at 2.41.52 PM.webp
    1 KB · Views: 17
@Bob_R Try this in your EXTRA.css, it will need to be done for each node

Code:
.node_X .forumNodeInfo .nodeIcon:before {content: '\f1e3' !important;}

X - your own node number
f1e3 - unicode for the FA icon
 
Last edited:
Here's an example using the following code:

Code:
.node_4 .forumNodeInfo .nodeIcon:before {content: '\f1e3' !important;}
.node_23 .forumNodeInfo .nodeIcon:before {content: '\f0c0' !important;}
.node_5 .forumNodeInfo .nodeIcon:before {content: '\f1ae' !important;}
.node_6 .forumNodeInfo .nodeIcon:before {content: '\f1ea' !important;}

upload_2014-9-5_21-18-50.webp

You may need to adjust the margins in Style Properties: Node Icons so they align better, mine is just a brief example of what can be achieved.
 
@Bob_R if you want to change the colour:

Code:
.node_4 .forumNodeInfo .nodeIcon:before {content: '\f1e3' !important; color: red !important;}
.node_23 .forumNodeInfo .nodeIcon:before {content: '\f0c0' !important; color: #66FF66 !important;}
.node_5 .forumNodeInfo .nodeIcon:before {content: '\f1ae' !important; color: rgb(23, 36, 217) !important;}
.node_6 .forumNodeInfo .nodeIcon:before {content: '\f1ea' !important; color: orange !important;}

upload_2014-9-5_21-52-18.webp
 
If you aren't using the 'color' option for the icons they will change to Bold once a there's a new post in the forum.

Only the node title will go bold if using colours. There may be a way for read nodes to be faded when having them different colours.

As I don't use FA for node icons I haven't really done any messing around, was just helping you get started.
 
You can edit the colours of the banners in the user_banners.css template there is no style property for adjusting the stock banner colours.
You've been very helpful.

I'm now wanting to add some space above the banner. Here's what I have now in extra.css:

Code:
.userBanner.bannerPrimary {
padding-top: 5px !important;
{

Nothing seems to work. I've also removed .bannerPrimary and gave that a try.
 
You've been very helpful.

I'm now wanting to add some space above the banner. Here's what I have now in extra.css:

Code:
.userBanner.bannerPrimary {
padding-top: 5px !important;
{

Nothing seems to work. I've also removed .bannerPrimary and gave that a try.
margin-top: 2px !important;

try that, adjust the px to what you want.
 
Thanks for the quick response ;), I just installed UI.X but I have not configured it yet so I will uninstall it for now.
You won't have to uninstall it. Just upgrade it. There actually aren't many changes to the templates, we do add some new features actually.
 
When I tested earlier on my test site I had the option to resolve using parent or resolve using custom, should I have resolved using parent?
 
Back
Top Bottom