XenForo Tutorials
Fontawesome Based Custom Thread Prefixes
Submitted by security, 25-07-2015, 01:04 AM, Thread ID: 8133
Thread Closed
Compatible XF Versions:![[Image: a73c07b361301807e7e9db93728c7658.png]](https://nulledbb.com/c/bcc67f92f618419f7d28ef69f519fa5255e376db/687474703a2f2f692e6779617a6f2e636f6d2f61373363303762333631333031383037653765396462393337323863373635382e706e67/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):
Put the following in Extra.css:
- 1.4.x
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: 3 Guest(s)