I am having some issues trying to style my usergroups on my install. I would like to add background color and change the font color of the group that is displayed. I currently able to get my username colored. http://a.pomf.cat/iorsxu.png Here is what I have right now .names span.ProjectLead a { color: red; }

I see what you want. Here you go a.user-group[href*=team] { color: blue; } team refers to the URL slug for the group you want to style. What it did here on Meta [image]

Have you tried using this selector: .names .user-title?

[image] Tom_Newsom: If you want different styling for each group, then the selector you want is .names .groupname .user-title Are you sure about that? I don’t see the span.user-title as child to span.myGroupName but rather peer to it. But it’d be wonderful to do styling based on the specific title used for a user. Just don’t see how it’s possible currently.

[image] cpradio: I see what you want. Sort of, but that’s mixing apples and oranges a bit. :frowning: The CSS customization is based on the primary group specified for the user, which may or may not be the title they chose to use on their profile. (You see that in your example above even … the group is “team” but the titles “co-founder” unfortunately get the same styling.) I’m not sure if that’s a problem or not for OP, but it is for us (trying to do something similar).

[image] cpradio: I see what you want. Here you go a.user-group[href*=team] { color: blue; } team refers to the URL slug for the group you want to style. Thank you, this did the trick.

Would be nice to get a new class added on the title specifically if it comes from a badge and/or a primary group membership.

That could be difficult. The primary group is easy enough (or so it seems), but the badge would be difficult as I don’t see anything that indicates the badge_id used for the user title.

How To Stylizing Usergroups

Product Support

cpradio (cpradio) March 2, 2016, 12:03am 8

That’s a bit tricky, as that requires re-opening/altering the rendering of the poster-name widget. Not quite sure how to accomplish that yet.

Topic		Replies	Views
Unable to change Usernames a specific color based on the group they are in Product Support groups	2	153	January 8, 2026
CSS Change username color for entire Custom Groups, works sometimes then doesn't? Development	8	1244	January 15, 2023
Styling based on group membership Feature	5	1450	January 18, 2014
Changing username colors Product Support	3	2985	May 27, 2019
Able to change user title text colour Product Support	3	1051	February 26, 2017

How To Stylizing Usergroups

Related topics