Categories

Put an image to replace the banners of user groups

You are here:
< All Topics

if you want to modify for example the banner “Staff member”, go to your extra.less template and add this code :

.userBanner.userBanner--staff {
   background-color: transparent;
   border-color: transparent;
   background-image: url('imagelink');
   background-repeat: no-repeat;
   height: 45px;
   width: 119px;
   text-indent: -9999px;
}

the values “height” and “width” can be changed depending on the image you are using. The default size of user banners on XenForo is 119px * 17px.

For basic groups and those you have created the process is almost the same. Example with the Administrator banner, put this code in the extra.less template :

.userBanner.Banner--admin {
background-color: transparent;
border-color: transparent;
background-image: url('imagelink');
background-repeat: no-repeat;
height: 45px;
width: 119px;
text-indent: -9999px;
}

For the result to be displayed you must now go to the ACP >>> Groups and permissions >>> Administrator

in the “Style effect of the user banner” section choose “Others, custom use of the name of the CSS class” and insert the class you added into your extra.less: userBanner Banner – admin

Table of Contents