XF 2.1 Multiple Usergroup Badges Not Showing?

[KensonPlays]

I'm trying to set it up where multiple badges for secondary user groups would show on their posts; trying with my own account on the forum first.

Here are the groups assigned to my own account:


Here is the settings for User Options:


And this is what I see in thread view:


I am not sure what's going on, but I'd like to have multiple badges show since 99% of users will only have 2 at most, most likely. (post-based rank and "Pro Member" if they've subscribed)

 

[Paul B]

Do the other user groups have banners defined?

 

[KensonPlays]

Do the other user groups have banners defined?

They all do:

 

[Paul B]

Did you also enter banner text?

The banner won't show if not.

 

[KensonPlays]

Did you also enter banner text?

The banner won't show if not.

As in the group name? This is my "Creators" group, for example:

 

[Paul B]

 

[KensonPlays]

This is what happens when I enter text in that field:


Optimally, I'd like the Creators badge to also show:

 

[Lukas W.]

The user title is not the user banner. Only one user title can be shown at a time.

 

[KensonPlays]

The user title is not the user banner. Only one user title can be shown at a time.

Someone has achieved what I want to do:

 

[Paul B]

As explained, those are user group banners, not titles.

Creating custom User banner styling

By default, XF comes with the following user banner styles: Creating custom styling using the Other, using custom CSS class name option is fairly straightforward. This guide will explain how to. The easiest way by far to add new prefix...

xenforo.com

 

[KensonPlays]

So I can't have multiple badges displayed at once with custom background images? That's what that image looks like. Not using a 'fontawesome' font; but both images. If that's not possible, that's a RIP.

 

[Steve F]

You have your image set in the user title option.

You'll need to use that in the CSS class you define for each group, use extra.less.

 

[KensonPlays]

You have your image set in the user title option.

You'll need to use that in the CSS class you define for each group, use extra.less.

I tried the CSS & Extra.less before this, and nothing showed at all. The only way I could get the badge image to show in the first place was through the setting I have currently, for some reason.

Maybe the CSS I had was wrong? I've removed the CSS to make the extra.less smaller, is there a set of CSS I could use properly that would work?

 

[Steve F]

Use Brogan’s link for instructions on setting up the banners.