"Staff" Icon for chatbox not working

There used to be an icon that said "staff" that was next to the usernames of all members that had moderator permissions for the chatbox. However, once the chat-boxes were all updated, the CSS script for that staff icon stopped working.

what the code is currently:

I would like to get the staff icon working in my chatbox again if possible. So if anyone can rewrite that code for me or tell me how to fix the code, i'd appreciate it. Thanks in advance~

I don't believe it's possible to target chatbox moderators only anymore since the update, but you can still add it manually for each user that is a chatbox moderator:

Code:

.user .chatbox-username[data-user="1"]:after, .user .chatbox-username[data-user="2"]:after, .user .chatbox-username[data-user="3"]:after, .user .chatbox-username[data-user="4"]:after, .user .chatbox-username[data-user="5"]:after, .user .chatbox-username[data-user="6"]:after, .user .chatbox-username[data-user="7"]:after, .user .chatbox-username[data-user="8"]:after {
      content: url("http://oi57.tinypic.com/2lm313q.jpg");
}

This is probably the easiest way to go by; just change all the numbers in [data-user="#"] to the user IDs of the members on your forum that are chatbox moderators.

If you want to add more users to it, just add another

Code:

.user .chatbox-username[data-user="9"]:after

before the starting bracket ("{") and add a comma after the

Code:

.user .chatbox-username[data-user="8"]:after

before it.

Sorry it can't be as simple as it used to be, but as I said before, I see no way for that to be possible now since they updated the chatbox.
Unless possibly @Ange Tuteur has an easier solution

you can thank ange he gave to me yesterday

replace the color #52BCE3 with the color of the group
replace yourimage.gif with with a image url of your choice

Code:

.user[style="color:#52BCE3"] span:before, #chatbox_members span[style="color:#52BCE3"] span:before {  content:url(yourimage.gif);  margin-left:-17px;  vertical-align:top; }

what about for chatbox mods? they don't have a group

so make a group for them

Okay I got it working but the only problem is the staff icon overlaps with the "@" symbol in the cbox now. Is there any way to fix that too?

try removing the

Code:

margin-left:-17px;

okay thanks~