XF 1.5 Rank Image Banner Help


Alright, I know there must be a million threads on this, but I cannot get this to work.

So, I've been trying to get the EXTRA.css to work with my custom images for ranks, but whatever I do, it doesn't work. I've used many different ways of getting the rank an image in the banner style, but to no avail. Can anyone tell me how to do this? I have no idea how to do this. :p

Brad Padgett

Well-known member
This is what I use:

.Administrator {
background: url("http://www.causecoders.com/bradsranksets/official/Administrator.png") no-repeat;
height: 23px;
width: 115px;
text-indent: -10000em;
display: inline-block;
position: relative;
top: 5px;
right: 5px;
padding-right: 10px;

Replace link with your URL. Then go to the administrator usergroup and pick "Other, using custom CSS class name:". For the class put the class name. In this example it's Administrator. It does not need the dot. You just put the name of the class in that box. Adjust the positioning and padding to your liking. Repeat process for the other ranks.

For the user banner text put "Administrator". The reason you do this is so it will show the rank. The text indent moves it out of the way never to be seen from again. Repeat for other ranks.

I got this directly from a tutorial back when I did it but didn't feel like searching for it when I could just tell you.

Good luck.

- Brad

Brad Padgett

Well-known member
I can't' seem to get this to work.. Frustrating....

Did you make sure to put the user banner text in? It won't show without it but if you put in the user banner text it will show the image easily.

So not just the class name, you need to put the user banner text as well. It won't show without it.

Let me know the steps you took so I can recreate it and I'll help you.

Here's the tutorial I used when I set it up. I went ahead and located it for you. My guess is your forgot to put in the userbanner text: