XF 2.2 Custom User Group Images not appearing

[NewYonkers]

So, I've been struggling with this for about three days now, attempting to get my customized user group images to work for my site. It's still a relatively new website, so it's barebones. I basically want something like this:



However, every time I put in my custom url or whatever, the image simply doesn't appear on any of the users with the said usergroup. The coding I'm using in the extra is:



I even have it correctly placed in the proper user group area:


Yes for some reason it still doesn't work. Is there anyone out there than can lend some assistance? I'd really like to get this working for my community before the opening of the website.

 

[Nicolas FR]

Hello,

1. host the image on your own server (it's always better!).
2. write something in the user banner text, even a  
   1. 
3. enjoy !
   1. 

.badge--whitelisted {
    background: url("/data/assets/images/kNzBGm0l.jpg") no-repeat;
    height: 32px;
    text-indent: 10000px;
    width: 120px;
}

 

[Nicolas FR]

Maybe adjust the CSS code for the mobile view.



Not tested but...

@media (max-width: 650px) {
    .badge--whitelisted {
        position: relative;
        top: -20px;
    }
}