Font Awesome Node Icons

by Oxygen - 23-12-2015, 01:30 PM
<div class="postbit-usertitle">
Posts:
646
Joined:
Feb 2015
Likes:
50
Credits:
1,190
Reputation:
35
2 Years of Service
#1
OP
Posted: 23-12-2015, 01:30 PM
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]
Just wanna Sleep with God
Posts:
259
Joined:
Dec 2015
Likes:
3
Credits:
3
Reputation:
8
1 Year of Service
#2
Posted: 23-12-2015, 01:44 PM
it looks cutie Heart thanks for sharing
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)