# Primary group class not available on usercard and user page

**URL:** https://meta.discourse.org/t/primary-group-class-not-available-on-usercard-and-user-page/32417
**Category:** Feature
**Tags:** user-card
**Created:** [August 22, 2015, 8:39pm UTC](https://meta.discourse.org/t/primary-group-class-not-available-on-usercard-and-user-page/32417 "2015-08-22T20:39:23Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [August 22, 2015, 8:39pm UTC](https://meta.discourse.org/t/primary-group-class-not-available-on-usercard-and-user-page/32417/1 "2015-08-22T20:39:23Z")

</div>

Hi,  
I want to create a customization for a group of users, DevTeam. It’s not a Primary group and users have different TL.  
How can I do that?

It’s something like this:  
 ![](https://global.discourse-cdn.com/meta/original/3X/4/2/420d6acb5303b934afc0d4845f652edc484a96bd.png)

I used Css to customize admins and mods group:

```css
.username.staff a {
    background: #C30303;
    padding: 3px 6px;
    line-height: 1;
    border-radius: 2px;
    display: inline-block;
    color: #FFF;
}

.username.staff {
    max-width: initial !important;
}

.username.moderator .fa.fa-shield {
    display: none;
}

.username.staff::after, .user-main .fa.fa-shield::before, #user-card .fa.fa-shield::before {
    content: 'SupportTeam';
    margin-left: 5px;
    color: #FFF;
    background: #F68416;
    padding: 0 6px;
    border-radius: 2px;
    display: inline-block;
    
}

.extra-info .badge-wrapper .badge-category-parent {
    padding: 3px 6px;
    width: auto;
}

.extra-info .badge-wrapper .badge-category-parent:before {
    content: '';
}

.user-main .fa.fa-shield::before, #user-card .fa.fa-shield::before {
    font-size: 14px;
    padding: 5px 9px;
    position: absolute;
    width: 70px;
    margin-top: -20px;
}

 #user-card .fa.fa-shield::before {
    margin-left: 0;
    font-size: 11px;
    width: 55px;
}

```

but how to proceed now?

Where I found the group id?

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [August 24, 2015, 10:37am UTC](https://meta.discourse.org/t/primary-group-class-not-available-on-usercard-and-user-page/32417/2 "2015-08-24T10:37:01Z")

</div>

I change the custom group in a primary group.  
Now I can see the id group-DevTeam

And this is the code now:

```plaintext
    .username.DevTeam a {
    background: #C30303;
    padding: 3px 6px;
    line-height: 1;
    border-radius: 2px;
    display: inline-block;
    color: #FFF;
}

.username.DevTeam {
    max-width: initial !important;
}

.username.DevTeam .fa.fa-shield {
    display: none;
}

.username.DevTeam::after, .user-main .fa.fa-shield::before, #user-card .fa.fa-shield::before {
    content: 'DevTeam';
    margin-left: 5px;
    color: #FFF;
    background: #F68416;
    padding: 0 6px;
    border-radius: 2px;
    display: inline-block;
    
}

.extra-info .badge-wrapper .badge-category-parent {
    padding: 3px 6px;
    width: auto;
}

.extra-info .badge-wrapper .badge-category-parent:before {
    content: '';
}

.user-main .fa.fa-shield::before, #user-card .fa.fa-shield::before {
    font-size: 14px;
    padding: 5px 9px;
    position: absolute;
    width: 70px;
    margin-top: -20px;
}

 #user-card .fa.fa-shield::before {
    margin-left: 0;
    font-size: 11px;
    width: 55px;
}
```

It works only on topic but not in user-card and user-main.

The first code I quote works perfectly with staff members.  
What’s wrong now?

Thanks in advance.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [August 25, 2015, 7:49am UTC](https://meta.discourse.org/t/primary-group-class-not-available-on-usercard-and-user-page/32417/3 "2015-08-25T07:49:33Z")

</div>

> [@Trash](#):
>
> It works only on topic but not in user-card and user-main.

Recategorized as feature request, this may be worth fixing

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [December 4, 2025, 11:36am UTC](https://meta.discourse.org/t/primary-group-class-not-available-on-usercard-and-user-page/32417/5 "2025-12-04T11:36:56Z")

</div>