XenForo Tutorials

Fontawesome Based Custom Thread Prefixes

Submitted by security, , Thread ID: 8133

Thread Closed
security
Closed Account
Level:
0
Reputation:
0
Posts:
13
Likes:
1
Credits:
21
25-07-2015, 01:04 AM
This post was last modified: 25-07-2015, 01:05 AM by security
#1
Compatible XF Versions:
  • 1.4.x
[Image: a73c07b361301807e7e9db93728c7658.png]

First of all we need fontawesome loaded, you can do that locally or via pasting this link in page_container (into the <head> section):
Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

Put the following in Extra.css:
Code:
.suggestion{
background-color:#1381BE;
border:1pxsolid#278EDF !important;
border-radius:3px !important;
box-shadow:001px#F9F9F9inset;
color:#FFFFFF;
display: inline-block;
font-size:12px;
font-weight:bold;
line-height:18px;
padding:04px;
vertical-align:middle;
}

.suggestion:before {
content:"\f0eb";
font-family: FontAwesome;
margin-right:5px;
font-weight:normal;
}

Users browsing this thread: 1 Guest(s)