• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.3 How do I make badges for ribbons?


Well-known member
If you want to change Banners CSS then the TuT works. you could also add your own Banner Template to add your changes their, but thats also more complicated...
At the end we cant know what you are doing since you dont tell....?!


XenForo moderator
Staff member
If you don't want the wrapping effect, simply don't include the userBanner class in the custom CSS field and EXTRA.css.
From my own site:
upload_2014-1-28_19-34-8.png upload_2014-1-28_19-33-36.png

Just adjust the margins and padding to suit.


Well-known member
for the surrounding effect get rid of all "span" classes like
.userBanner.bannerStaff.wrapped span
.userBanner.wrapped span.after etc

for the width change the margins in .messageUserBlock .userBanner
Rest is up to you.
To know what classes i have to work with i use Firebug with Firefox, but Chrome has it too.
Then search for the class inside Xenforo ACP and you will find what you are looking for.
For the Changes use EXTRA.css

Play around a bit, if you mess something you can revert the Templates back to default.
I also would suggest to create an own style or maybe a TestForum before changing anything on a live forum