Overriding usergroup color markup?

[RetroDreams]

I've got colors defined per usergroup like many forums do. However, on profile pages some of the colors clash because of the block's background color. Is there any way to override the usergroup colors for a singular color on the member profiles?

I know what CSS variable it is but nothing I do seems to work.

[Lynne]

What is the css variable?

What have you tried so far?

How about a link to a profile you are trying to do this on?

[RetroDreams]

#userinfo .member_username is the CSS variable. I know it works because it does mark up the profile for those usergroups without any color. Can't really remember everything I've tried. Changing from font color to span style, !important and the like. When I inspect the element, basically it shows the element.style color overriding the #userinfo .member_username color I've set in additional.css.

Link: http://www.sycamorepride.com/member.php?1-Jason-Svoboda

[Lynne]

You have this on that page:

<span class="member_username"><span style="color:#0046ad;">Jason Svoboda</span></span>

You should use a class for the username, instead of a style.
This:

<span class="usergroup6">

Instead of this:

<span style="color:#0046ad;">

Then you add to additional.css:

.usergroup6 {color: #0046ad;}

And also add this for the profile pages:

#member_content #sidebar_container .usergroup6 {color: white;}

See if something like that works.

[RetroDreams]

This totally works. Thanks a ton!