Can I display a Font Awesome class icon next to a user Title?

AI-generated summary

The discussion revolves around displaying a Font Awesome class icon next to a user title. Richie initiated the conversation, seeking a way to show badge icons alongside titles, using Font Awesome classes. He provided examples of how these icons are used in badges. After moving the topic from Support to #feature, Richie inquired about the feasibility of this feature request.

pmusaraj suggested that a theme component could be used to achieve this. Ana_d pointed out that Discourse already uses Font Awesome icons for user titles, providing an example. ditatompel mentioned that user group display can be tweaked using CSS and proposed exploring the use of CSS ‘content’ to incorporate Font Awesome icons.

As per title really, can I somehow display a badge icon in / alongside a Title, like the Shield icon here?

When we create new badges we use the Font Awesome class to generate the icon, eg:

The icon then shows up here on the badge:

Is it possible for us to get these font awesome icons to appear next to the Title too?

4 Likes

I posted this in Support but I’ve just moved it over to Contribute > Feature as it doesn’t exist yet.

Any thoughts on this as a new feature request?

Or would I be the only one who’d use this? :thinking:

This could likely also be done with a theme component.

1 Like

Hello,

If adding a font-awesome icon on a user title is impossible, how does this Discourse did it ?

2 Likes

It is possible to tweak user group display using css. See Make staff users more recognizable with customized avatars, posts, and mentions

I’m not sure about using font awesome icons, but you may try to play with css ‘::after content’ ::after CSS pseudo-element - CSS | MDN

1 Like