XF 2.2 custom usergroup image

S

sliverboi123

Member
Hi i been trying to setup a usergroup rank image as a banner but i am unable to do so

here's my code from extra.less
.badge--admin { background: url('images/groupimages/administrator.png') no-repeat; height: 65px; text-indent: -999999px; width: 65px; }

but all i get is still this

1657613624463.webp
 
Sort by date Sort by votes
oO5 Dynasty said:
xenforo.com

Unmaintained - User group icons

With this simple add-on you can add specific image to each user group: Icons will be displayed in posts: In member tooltip: In member profile: You can customize the add-on with some options: Add-on includes Russian translation.
xenforo.com xenforo.com
will this work?
Click to expand...
Thanks for your help bro, but this is not what i was looking for i looking for instead of banners with text i looking to replace them with ranks images.png
 
Upvote 0 Downvote
Are you trying to add an image instead of css for your banners? I do not know the code to apply an image instead of css. But if I messed around with it I might be able to figure it out. But what I found as best practice when it comes to these task is to go and search on the web. You can learn how to apply ccs background images and then come back to xenforo and implement the code. This is how I figured out how to apply background images to notices etc.
 
Upvote 0 Downvote
oO5 Dynasty said:
Are you trying to add an image instead of css for your banners? I do not know the code to apply an image instead of css. But if I messed around with it I might be able to figure it out. But what I found as best practice when it comes to these task is to go and search on the web. You can learn how to apply ccs background images and then come back to xenforo and implement the code. This is how I figured out how to apply background images to notices etc.
Click to expand...
yes that what i been trying to do
 
Upvote 0 Downvote
Have you entered the banner text (this is required but won't be displayed when using the CSS in your first post) and defined the custom class?

1657653436155.png
 
Upvote 0 Downvote
Put the code in place and post a link so the page can be inspected.

The most likely issue is the image is not being referenced correctly.
 
Upvote 1 Downvote
There is no badge--admin CSS being applied so either you have added it to the wrong style template, or your extra.less file is not being processed due to errors in the file, or it's related to the style and other changes which have been made.
 
Upvote 0 Downvote
Brogan said:
There is no badge--admin CSS being applied so either you have added it to the wrong style template, or your extra.less file is not being processed due to errors in the file, or it's related to the style and other changes which have been made.
Click to expand...
i have added the code into extra.less but after i added it and put the css tag into the admin group it just doesnt show it i have tried it with other themes also.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Bulbagarden
  • Question Question
XF 2.2 Change header/logo row background image based on custom user field
Replies
8
Views
707
Bulbagarden
Bulbagarden
DaveM
  • Question Question
XF 2.2 Image for Usergroup
Replies
5
Views
538
DaveM
DaveM
ScrapDog
  • Solved
XF 2.2 How to see nodes for a different custom usergroup
Replies
2
Views
546
ScrapDog
ScrapDog
interforo
  • Question Question
XF 2.2 usergroup banner not showing
Replies
2
Views
513
TPerry
TPerry
N
  • Question Question
XF 2.1 Search posts by members of custom usergroup
Replies
2
Views
571
nevamoen
N
Top Bottom