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

貢献 UX
1

こんにちは、
外部の複数のフォーラムでは、スタッフメンバーの名前の周りに青い枠を追加するために、Discourse をカスタマイズしているようです。この設定はどのように行えばよいでしょうか？

いくつかの例を以下に示します：

00
00822×144 17.9 KB
10
10809×101 4 KB

「いいね！」 2
2

このスレッドは役立つはずです。スレッドの最後の投稿にある CSS を見て、使用されているテクニックを確認してください。

特にこの部分 :point_down:

// これはユーザータイトルの色です
    .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