XenForo Tutorials

Font Awesome Node Icons

Submitted by Oxygen, , Thread ID: 16044

Thread Closed
Oxygen
<div class="postbit-usertitle">
Prime
Level:
0
Reputation:
35
Posts:
608
Likes:
62
Credits:
1.47K
23-12-2015, 01:30 PM
#1
I actually use this so you can see how it looks Smile

You need font awesome for this.

Now edit your EXTRA.css and add
Code:
body .node .forumNodeInfo.unread .nodeIcon, body .node .categoryForumNodeInfo.unread .nodeIcon,
body .node .forumNodeInfo .nodeIcon, body .node .categoryForumNodeInfo .nodeIcon,
body .node .linkNodeInfo .nodeIcon,
body .node .pageNodeInfo .nodeIcon {
background-image: none;
}

.node.node .forumNodeInfo .nodeIcon:after, .node.node .categoryForumNodeInfo .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f009";
color: @primaryLighter;
padding: 4px;
}

.node.node .forumNodeInfo.unread .nodeIcon:after, .node.node .categoryForumNodeInfo.unread .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f009";
color: #ea2e49;
padding: 4px;
}

.node.node .pageNodeInfo .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content:"\f016";
color: @primaryMedium;
padding: 4px;
}

.node.node .linkNodeInfo .nodeIcon:after
{
font-family: "FontAwesome";
font-size: 34px;
content: "\f0a9";
color: @primaryMedium;
padding: 4px;
}
[Image: UeTXrZ5.png]

RE: Font Awesome Node Icons

Kreedz
Just wanna Sleep with God
Level:
0
Reputation:
8
Posts:
247
Likes:
4
Credits:
0
23-12-2015, 01:44 PM
#2
it looks cutie <3 thanks for sharing

Users browsing this thread: 1 Guest(s)