Overriding usergroup color markup?

[Robbed]

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

[kh99]

I'm not a CSS expert or anything, but maybe something like:
.postdetails .staffcolor {color: white;}

[Dave]

You can try with !important:

color: #fff !important;

[Robbed]

I'm not a CSS expert or anything, but maybe something like:
.postdetails .staffcolor {color: white;}

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:

.memberaction.popupmenu a.popupctrl {
background: none;
padding: 0;
}

Any other ideas?

[MarkFL]

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

[Robbed]

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 1418406645 at 1418406645 ---------------

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

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

[kh99]

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
.memberaction.popupmenu .staffcolor {color: white;}

(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?

[Robbed]

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

I will give that a shot.

--------------- Added 1418407101 at 1418407101 ---------------

Thanks everyone this worked

.postdetails .staffcolor {color: white !important;}

it didn't work without !important

[MarkFL]

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

div.username_container span
{
color: #FFFFFF !important;
}

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