How to make it obvious who is staff?

[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.

[Peter_Galvin]

Thanks for that but still trying to upload an icon to use…

[supermathie (Michael Brown)]

For the fish, use only the string fa-fish.

[Peter_Galvin]

I’m trying up upload my own image, not use a Font Awesome URL.
I drag my image to the page, but I just see the image in a chrome tab, it doesn’t upload… tried .png and .ico

[supermathie (Michael Brown)]

Ah - that page doesn’t support uploads.

You need to make a theme component and upload your desired icon to that if you want to use your own.