Adding group badges

Frode789

Customer
How can I add badges to my groups? Like this:



Maybe this is dumb question, but I didn't find it somewhere.
 
Last edited:

Russ

Pixel Exit Staff
You can use the built-in user banners for XF then style them, are you already using the user banners by chance?
 

Frode789

Customer
You can use the built-in user banners for XF then style them, are you already using the user banners by chance?

Yeah I used them before, but someone has made custom badges (png) that I'd like to add instead. So I'll need to add them as images to the user groups. =)
 

Russ

Pixel Exit Staff
So basic setup of it, use the user group banner and set a custom class.

Then some CSS:

Code:
.customBanner1
{
    display: block;
    height: 40px;
    width: 120px;
    text-indent: -999999px;
    background: url(https://dummyimage.com/120x30/000000/fff.png&text=Banner) no-repeat center center transparent;
    overflow: hidden;
}

Screenshot_1.png



That's some basic CSS so you may need to change depending on the image.
 

Frode789

Customer
Also, over at xenforo you tipped me about automatic user group promotions, but they doesn't work xD Sigh, some parts of Xenforo are just so frustrating.
 

Russ

Pixel Exit Staff
You'll need to adjust the height/width of the banner in my CSS.

Also maybe add: margin: 0 auto; will center it.
 

Frode789

Customer
EDIT: I wanted to edit this into the message above, but looks like the edit on self messages timer isn't very long :p

Also in hover mode:
hover.png
 

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.