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.

 

[Deleted member 184953]

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;
}

 

[Deleted member 184953]

Maybe adjust the CSS code for the mobile view.



Not tested but...

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

 

[marshydadon]

Hello,

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

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

I followed this and it works great but one thing I noticed is that for example.

I upload an image called "AdminBanner.png" and then lets say I make a change and want to replace the banner with a new one. Even though in the extra.less I have the same path location to the image it will not update and will stay as the previous image. It only updates if I for example change it to "adminbanner.png" which suggests to me the images are being stored somewhere else within xenforo.

I am new to xenforo so sorry if this is a noob question.

 

[Deleted member 184953]

I followed this and it works great but one thing I noticed is that for example.

I upload an image called "AdminBanner.png" and then lets say I make a change and want to replace the banner with a new one. Even though in the extra.less I have the same path location to the image it will not update and will stay as the previous image. It only updates if I for example change it to "adminbanner.png" which suggests to me the images are being stored somewhere else within xenforo.

I am new to xenforo so sorry if this is a noob question.

That’s a cache problem, with a hard refresh (browser) the new image should be displayed.

 

[marshydadon]

That’s a cache problem, with a hard refresh (browser) the new image should be displayed.

Quickly realized a few hours later. Thanks for the reply

 

[Urduwrites]

Hy can we use gif img ??

 

[marshydadon]

Hy can we use gif img ??

yes, I applied gif effects to some of my banners