Hello,
How can I modify the following chatbox CSS code for PunBB?

Code:



/*Staff Icons*/
/*Admins*/
.user[style="color:#FF0000"] span:before, #chatbox_members span[style="color:#FF0000"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important;
  margin-left:-16px !important;
  vertical-align: Bottom!important;
 
}
/*Mods*/
.user[style="color:#993A0E"] span:before, #chatbox_members span[style="color:#993A0E"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/vqg1.png)!important;
  margin-left:-4px !important;
  vertical-align:Bottom !important;
}

that should work you can try adding #chatbox to beginning 

Code:



/*Staff Icons*/
/*Admins*/
#chatbox .user[style="color:#FF0000"] span:before, #chatbox #chatbox_members span[style="color:#FF0000"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important;
  margin-left:-16px !important;
  vertical-align: Bottom!important;
 
}
/*Mods*/
#chatbox .user[style="color:#993A0E"] span:before, #chatbox #chatbox_members span[style="color:#993A0E"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/vqg1.png)!important;
  margin-left:-4px !important;
  vertical-align:Bottom !important;
}

Hello @_Twisted_Mods_,
Its not working, probably the element is different.

no i checked on my test forum its universal same element in all versions

have you tried putting it at the top of your css?

Update:
@_Twisted_Mods_,
I have fixed the JScript code, the only thing which it is remaining is that is not displaying the icon in chatbox memberlist (online/away) do you now which is the element?

Code:

#chatbox_members ul li span[style*="color:#990012"] span before { content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important; margin-left:-16px !important; vertical-align: Bottom!important; }