XF 1.x Prefix and Font Awesome

Fiala06

Registered
I've been trying to figure out how to add a FA icon infront of certain prefixes much like this: https://xenforo.com/community/threads/prefix-styles.74394/

upload_2014-5-18_19-27-16.png


I can't figure out how to find the name of the prefix for the extra.css file.

Example I have a prefix called "TF2 Server Bug"
 

Russ

Pixel Exit Staff
You can add it via CSS, you just need to find out the classes:

Code:
.pe_bug:before {
content: "\f188";
font-family: FontAwesome;
font-size: 1.2em;
font-weight: normal;
margin-right: 5px;
position: relative;
top: 2px;
}
 

Fiala06

Registered
Thanks but I just need to know how to find the class name for each prefix. I've looked around on Xenforo and haven't been able to locate it.
 

Russ

Pixel Exit Staff
Thanks but I just need to know how to find the class name for each prefix. I've looked around on Xenforo and haven't been able to locate it.

You need to inspect it with like firebug/firefox tools or chrome tools. Here's a screenshot to show you.

Screenshot_12.png


Nice resource @ernestdefoe haven't seen that one before good job (y)
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.