Pretty simple to achieve, ideally you want to check:

Style Properties: [XB] Message and Elements -> unwrap User Banners

Then some basic CSS in extra.css:

.userBanner.bannerStaff:before {
color: #FFF;
content: "\f007";
font-family: FontAwesome;
font-weight: normal;
margin-right: 5px;

Ok I did that, and the icons don't show on the staff banner. I want to ideally add font awesome icons to group specific banners since I don't have the staff banner enabled.

You'll need to inspect each banner and find the class for it and adjust accordingly. This is for the default staff banner out of the box in XenForo.

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.