• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Creating custom user group banner CSS

Creating custom user group banner CSS

Compatible XF 1.x versions
1.2, 1.3, 1.4, 1.5
These instructions will explain how to create your own custom CSS for user banners.

Give the banner a title:
banner-title.PNG


Choose a class name for your custom class, in this example we are using my-style.
Add it to the custom CSS field for the user group, like so:

custom-field.PNG


If you want the banners to...
You do not have permission to view the full content of this resource. Log in or register now.
Author
Brogan
First release
Last update
Rating
4.86 star(s) 29 ratings

More resources from Brogan

Latest reviews

veryy niceeee i was searching and finnaly i got really helpfull and thanks for sharing great tutorial guide :)
Thanks much, this helped with a custom prefix button. Turns out I had the basic CSS correct, just wasn't referencing it correctly, and the clue was here. :)
It totally works!
But it would be nice if you would explain how to setup that "premium member" banner look.
It is not showing like that to me, but ok.

4 star rating :D
nothing worked :/ i tried doing exactly as it said to do and it didn't work for some reason. this frustrating
Another fine Brogan Tutorial™. This is helpful for creating a banner that will stand out against the many different colored themes we use, and not blend in with the others when they stack.
Searched everywhere for this and couldn't find anything until I hit this from a random thread. Very helpful for people who are looking to do it without a mod!
Yes, very helpful. Thanks! I was looking all over for this info, and I just don't know what else to say about a little tip like this but golly, I love it to death! 150 characters! Woohoo!
This was helpful
Helpful
Thanks this was very useful and easy to follow.