グループ名用の色付きボックス

貢献 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
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
3

ご協力ありがとうございます。
この設定で、以下のように表示できるようになりました。
04

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

テキストの色を白に変更する方法をご存知でしょうか？

「いいね！」 1