How to make it obvious who is staff?

[Peter_Galvin]

I don’t see any settings to for example make it obvious who is a staff member.
Any thoughts on this?

[riking (Kane York)]

Group flair is a great way to do this - it’s what the team uses here on Meta! Highly recommended.

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…

This also allows for a separation between who is company staff and who is forum staff (which is what Discourse calls admins + moderators).

[ondrej]

@Peter_Galvin

who is a staff member

Just grant moderator to all staff so they get the shield. Isn’t this obvious to make it more clear?

[Peter_Galvin]

Where do these “shields” show up? I don’t see anything obvious…

[ondrej]

When you press grant moderation the user is given a shield next to their name:

If you are an admin you can also press this:

[Peter_Galvin]

Ah you have to click on the user’s icon to se the shield.
Looking for something more obvious, like looking at the posts, so will have a look at flair.

[Canapin (Coin-coin le Canapin)]

On my forum the icon is always visible: Emmener les monos en voiture - Autour d'une roue - Monocycle.info

[supermathie (Michael Brown)]

Also, you can use titles.

And I think there is a CSS class applied to mod/admin posts? Will have to check on desktop.

[Canapin (Coin-coin le Canapin)]

There is a class around the user name,

<span class="first username staff admin moderator">
    <a href="/u/Canapin" data-user-card="Canapin">Canapin</a>
    <span title="Cet utilisateur est un modérateur" class="svg-icon-title">
        <svg class="fa d-icon d-icon-shield-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#shield-alt"></use></svg>
    </span>
</span>

But not on the post itself seems.

[supermathie (Michael Brown)]

YES, that’s it.

There a few more options here:

Questions regarding Staff Color

Try adding .topic-body like below. It can work. .topic-post.group-administrators .topic-body { background-color: whatever_you_want; }

Background SVG distinguished posts

Hello, Just saying beforehand that I am not good in CSS at all. Blizzard uses discourse for their forums and every employee can distinguish their post with the blizzard logo in the background. I tried to replicate it with CSS but I am not good at that at all. [image] Now I see that Blizzard uses SVGs for that little background logo [image] My approach is awful and since I have my logos in SVGs I prefer it that way, how is it possible? .moderator .regular>.cooked { background-image: u…

[Canapin (Coin-coin le Canapin)]

So we have to put the admin/moderator in a group, then only there will be a new class on the post? That’s good to know.
I guess that could be a bit more convenient to have a admin/moderator directly on the post class without having to do that though.

Also, why is the shield icon not visible here on meta? It is by default on my forum, and I didn’t find any related setting…

[ondrej]

@Canapin

Also, why is the shield icon not visible here on meta? I

It shows for moderators only. If you are only an admin, the Shield icon does not appear @Canapin

[ondrej]

@Peter_Galvin

Ah you have to click on the user’s icon to se the shield.

No it appears on all posts etc… Without having to press profile.

[Peter_Galvin]

Hmm. Here is a screenshot of part of the “latest” display in my community. I can’t tell (at least in this view) who are staff and who are users…

[Peter_Galvin]

Creating a custom group, wanting to add an avatar flair, I can’t just upload an icon? There is no icon at Font Awesome that matches what I want to show…

[downey (Michael Downey)]

Yes, you can upload images and use them as the avatar flair badge.

[Peter_Galvin]

I don’t see any upload option? (Note this community is hosted by discourse - maybe that makes a difference?)

[downey (Michael Downey)]

Have you tried pasting an image URL into the Avatar Flair Image field?

[Peter_Galvin]

I tried a .png but no go. Looks like it needs to be a fontawesome image? Trying to figure out how to convert a .png to a fa-icon…

[dax (Daniela)]

Peter, you need to set your custom group as a “primary” group to see the flair. Check your group settings and enable it.