Not a bug Group Banners in Profile

[osieorb18]

Affected version

2.2.1

We're using the image version of this suggestion from Brogan:

https://xenforo.com/community/resources/creating-custom-user-banner-styling.7334/.

In the postbit in threads, it looks something like this:



In the profile and tooltip, it looks something like this:



I'm fine with either removing it entirely from the profile or just sizing it up there, but as is, it's ugly/frustrating. This issue wasn't happening before XF2.2.

 

[Paul B]

Banners show fine in the tooltip so I suspect this is most likely an issue with the custom CSS you have used to display the images and hide the banner text.

 

[osieorb18]

Banners show fine in the tooltip so I suspect this is most likely an issue with the custom CSS you have used to display the images and hide the banner text.

From extra.less:

@media (max-width: 650px){
.Staff.message-userBanner.userBanner {
      font-size: 0px;
      background-image: none !important;
}
}
.Staff {
     background-image: url('styles/default/xenforo/userbanners/sm.png');
     background-repeat: no-repeat;
     background-position: center top;
     height:5px;                             
     background-size: 100%;   
     min-block-size: 20px;             
     padding-top: 0px;                 
     padding-bottom: 22px;
     text-align: center top;
}

From the group page:





As far as I know, these are the only modifications.

 

[Mike]

Looking at your site, it appears to be fixed now, but it is indeed related to your customizations. Notably, you're generally relying on the natural size of the banner which in many cases is based soley on the size of the banner text, and the text you've shown there is very short. (In some cases, like in messages, it's a block element and thus takes up the width allocated to the banner.)

 

[osieorb18]

Looking at your site, it appears to be fixed now, but it is indeed related to your customizations. Notably, you're generally relying on the natural size of the banner which in many cases is based soley on the size of the banner text, and the text you've shown there is very short. (In some cases, like in messages, it's a block element and thus takes up the width allocated to the banner.)

Yeah, I made the text transparent and used longer text so it shows up in the profile.