Overriding usergroup color markup?
 

Our postbit background is black so I'm trying to override the usergroup color for staff to white

I have a class in additional.css .staffcolor {color: #000000;}

I just need help trying to figure out how to override the popup user name in the postbit.
.staffcolor {color: white;}

It's similar to this
https://vborg.vbsupport.ru/showthread.php?t=282703

I'm not a CSS expert or anything, but maybe something like:

You can try with !important:

color: #fff !important;

Thanks I tried but it didn't help. It's tricky because I can override it in other places but with the user name for postbit it's part of popup code.


Some people online mentioned to make changes to this code.

In popupmenu.css:

Any other ideas?

Did you try adding "!important" to your CSS class definition as Dave suggested?

If I use firebug and highlight username in postbit it brings this up. I can change the font size so I think this is the right spot but which css code to edit so we can change the color

https://vborg.vbsupport.ru/external/2014/12/3.png?1

--------------- Added [DATE]1418406645[/DATE] at [TIME]1418406645[/TIME] ---------------

Yes this is what I have in additional.css
.staffcolor {color: #000000 !important;}

The staff color is black this is working fine but for the postbit our background is black so I want the username to be white.

I just need to know where to put this code
.staffcolor {color: white !important;} in css

The thing I don't understand is that the username doesn't seem to be in the popup menu on my forum. Either I don't understand what you mean, or else yours is different for some reason.

Are you trying to override .staffcolor just in the postbit (and not in other places it appears)? Like i said I'm weak on CSS, but maybe
(I don't know if the space should be there or not, or if it makes any difference). ETA: oh, I guess maybe it needs to be there because otherwise you'd be selecting something that was marked with all three classes?

Correct i'm trying to override .staffcolor only for posbit

I will give that a shot.

--------------- Added [DATE]1418407101[/DATE] at [TIME]1418407101[/TIME] ---------------

Thanks everyone this worked

it didn't work without !important

If your staff usergroups are the only groups with HTML markup defined, then adding this CSS selector to your additional.css template should work:

edit: Sorry, I didn't see that you had already resolved the issue. :D