DaveM Well-known member Jan 7, 2022 #1 Is there any way to associate a badge (image) to a user group instead of a ribbon to it will display in the same position as the ribbon? Edit - Don't worry about this I found a way that will work for what I need doing. Last edited: Jan 7, 2022
Is there any way to associate a badge (image) to a user group instead of a ribbon to it will display in the same position as the ribbon? Edit - Don't worry about this I found a way that will work for what I need doing.
JRobert Active member Jan 7, 2022 #2 Please share your solution for other people who may want to do something similar. Upvote 0 Downvote
DaveM Well-known member Jan 11, 2022 #3 JRobert said: Please share your solution for other people who may want to do something similar. Click to expand... I installed this add on https://xenforo.com/community/resources/ozzmodz-badges.8456/ but unfortunately I just cannot get it working. So I am once again trying to find a way to associate an image with a usergroup. Upvote 0 Downvote
JRobert said: Please share your solution for other people who may want to do something similar. Click to expand... I installed this add on https://xenforo.com/community/resources/ozzmodz-badges.8456/ but unfortunately I just cannot get it working. So I am once again trying to find a way to associate an image with a usergroup.
apathy Well-known member Jan 11, 2022 #4 You can achieve this by creating a custom user banner CSS class. First you want to navigate to your usergroup settings and fill it out similar to the first screenshot. Then you can add this to your extra.less: Code: .badge--my-user-group { background: url('URL/TO/YOUR/IMAGE') no-repeat; height: 65px; text-indent: -999999px; width: 65px; } And that will produce a result similar to my second screenshot, in my case I used the purple badge as the group image. Attachments custom_user_banner.webp 15.2 KB · Views: 10 user_group_badge.webp 5.2 KB · Views: 10 Upvote 0 Downvote
You can achieve this by creating a custom user banner CSS class. First you want to navigate to your usergroup settings and fill it out similar to the first screenshot. Then you can add this to your extra.less: Code: .badge--my-user-group { background: url('URL/TO/YOUR/IMAGE') no-repeat; height: 65px; text-indent: -999999px; width: 65px; } And that will produce a result similar to my second screenshot, in my case I used the purple badge as the group image.