UI.X

UI.X 1.5.22.0

No permission to download
How can i change Node icons in UI.X ?

Someone pls help.

If you have icons font awesome, you can do similar as mine (in EXTRA.css):

Code:
li.node .forumNodeInfo .nodeIcon,
li.node .categoryForumNodeInfo .nodeIcon,
li.node .forumNodeInfo.unread .nodeIcon,
li.node .categoryForumNodeInfo.unread .nodeIcon {
  background: none;
}

li.node .forumNodeInfo .nodeIcon:before,
li.node .categoryForumNodeInfo .nodeIcon:before {
  display: block;
  color: @primaryLight;
  content: '\f0e6';
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  font-family: 'FontAwesome';
  line-height: 1;
}

li.node .forumNodeInfo.unread .nodeIcon:before,
li.node .categoryForumNodeInfo.unread .nodeIcon:before {
  color: @uix_primaryColor;
  content: '\f086';
}



li.node.node_2 .forumNodeInfo .nodeIcon:before,
li.node.node_2 .categoryForumNodeInfo .nodeIcon:before {
  content: '\f05a';
}

li.node.node_3 .forumNodeInfo .nodeIcon:before,
li.node.node_3 .categoryForumNodeInfo .nodeIcon:before {
  content: '\f0f5';
}

And so on ...
 

Attachments

  • Screenshot_3.webp
    Screenshot_3.webp
    7.8 KB · Views: 64
Hi! i´m trying to add a adsense banner near the logo on the top ... ¿Any easy way?
I thinked that this theme had a built in option for this... but i cant find it

Thanks
 
I see the user signature is put under the username. How do I put this back under the message posted? I didn't see a setting looking through the menus...
 
Need to change Sub Forum Node icon. Someone pls help.

Just like any theme, you'll want to change the image. We will add icon support in at some point.

I see the user signature is put under the username. How do I put this back under the message posted? I didn't see a setting looking through the menus...
Can you post a screen? Not sure I understand.
 
Need to change Sub Forum Node icon. Someone pls help.

Code:
.nodeList .node .subForumList li:before {
    background: url("ADDYOURIMAGEURLHERE") no-repeat scroll 0 0 rgba(0, 0, 0, 0) ;
    content: "";
    height: 14px;
    width: 14px;
}

Adjust height and width to match image.
 
Top Bottom