Is it possible to change vis CSS the Category Moderator shield?

[ckshen]

Is it possible to change via CSS the shield of category moderators to something else so we can differentiate category moderators from moderators?

Or phrased differently, am I able to target the .svg-icon (which is now a shield) for .first.username.category-moderator specifically? so far I can change .svg-icon, but for all moderators, category or not.
Thanks.

[Benjamin_D (Benjamin Decotte)]

@ckshen

via CSS

I’m sure you know about the built in feature but otherwise :

Automatically add group flair to members' avatars

Overview Group avatar flair displays to the bottom-right of a user’s avatar, providing a stylish way to highlight a user’s group membership. When creating or configuring a group, an admin can choose an image or Font Awesome icon to use as group flair. Below are the currently supported contexts, using our logo as an example: User cards [usercard] Topic/PM posts [posts] Topic maps [topic-summary] User profile banners [profile] User summary “Most…” lists [most] Users…

[Falco]

@ckshen

Or phrased differently, am I able to target the .svg-icon (which is now a shield) for .first.username.category-moderator specifically?

section#topic div.topic-post.category-moderator div.topic-meta-data span.category-moderator span.svg-icon-title {
  display: none;
}

Selector above will hide shields only from category moderators. Adjust to your needs.

You may want to read How to make CSS changes on your site and Developer’s guide to Discourse Themes

[ckshen]

@Falco

section#topic div.topic-post.category-moderator div.topic-meta-data span.category-moderator span.svg-icon-title {
  display: none;
}

Thanks for the pointer!