Colored box for group name

UX
1

Hi,
I’ve seen that multiple forums out there seem to have customised discourse to add a blue box around the group name for staff members. Do you know how this could be done?

Here are a few examples:

00
Screenshot 2019-10-13 at 12.31.00.png822×144 17.9 KB
10
Screenshot 2019-10-13 at 12.31.10.png809×101 4 KB

2 Likes
2

This thread should be helpful – look at the CSS in the last post of the thread to see the technique used:

Specifically this bit :point_down:

// This is the user title color
    .group-Employee>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
    background-color: #4c3319;
}
3 Likes
3

Thanks for your help.
With this config I’m able to get it looking like this.
04

.group-Staff>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
  background-color: #66d0fa;
  border-radius: 10%;
  color: #fff;
}

Any idea how I could change the text colour to white?

1 Like