How to add a Custom Group Badge / Banner to User Info

How to add a Custom Group Badge / Banner to User Info

UnstucK

Administrator

Staff member
Vip Member
Reputation: 100%
Reaction score
48
Points
55

Add a personalized group medal / banner to the user info


Compatibility with XenForo: 2.0

example_banner_small.webp

Go to: Admin Control Panel - > Aspect -> Templates -> and look for the " extra.less " template .
Add this code (name it what you want. In the example here I have called it " .miMedalla" ):

CSS:
.miMedalla {
  background-image: url('https://www.miSitioWeb.com/mybadge.png');
  background-repeat: no-repeat;
  background-position: center top;
  padding-top:42px;
  text-align: center top;
}

Then go to " Groups and permissions -> Groups " and select the group to which you want to add the medal.
In the section " Styling of the user sign ," check " Other, using CSS personal class name " and enter the name with which you have named the class in the extra.less template

IMPORTANT: Be sure to remove the " . " (Period) from the beginning of the class name, as shown below:
2031.webp
 
Back
Top