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

[ven0m]

Heisenberg submitted a new resource:

You must be registered for see links

- Just a short tutorial on how to add a custom user group badge/banner to the user info area

How to add a custom Group Badge / Banner to User Info:



Go to: AdminCP > Appearance > Templates > and search for the "extra.less" file
Open the file and add this code (Call it anything you want. In the example here, I called it ".mybadge" ):

.mybadge {
background-image: url('https://

You must be registered for see links

');
background-repeat...

You must be registered for see links

 

[ven0m]

Heisenberg updated

You must be registered for see links

with a new update entry:

You must be registered for see links

Just as the title implies...

You must be registered for see links

 

[ven0m]

Heisenberg updated

You must be registered for see links

with a new update entry:

You must be registered for see links

Updated

You must be registered for see links

 

[ven0m]

Resource updated

You must be registered for see links

with a new update entry:

You must be registered for see links

Simplified the code and added explanations on how to position and resize.
Also added two options for mobile view:

Option #1 for mobile view - Remove background image but leave group name
Option #2 for mobile view - Keep background image but resize it

You must be registered for see links

 

[ven0m]

Resource updated

You must be registered for see links

with a new update entry:

You must be registered for see links

I found several sizing and alignment issues with the last update and had to fix them.
I would recommend using this code instead.

You must be registered for see links