# Prefixing \`@\` symbol in the usernames

**URL:** <https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523>\
**Category:** UX\
**Created:** [2017年三月7日 07:58 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523 "2017-03-07T07:58:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2017年三月7日 07:58 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523/1 "2017-03-07T07:58:19Z")

</div>

Discourse using `@` symbol to mention both users and groups. So I think it will be nice to display `@` symbol on both user and group profiles (even in posts too) like below.

 ![](https://global.discourse-cdn.com/meta/original/3X/7/4/748201629578259035b8a3fd43a1c9ecd63e9c35.png)

 ![](https://global.discourse-cdn.com/meta/original/3X/0/b/0b3b6e9e193d0f0ca8efeaf3aa8af0cb804aab09.png)

---

<div class="post-metadata">

**Author:** ![Nam\_Nguyen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nam_nguyen/32/68634_2.png) [@Nam\_Nguyen](https://meta.discourse.org/u/Nam_Nguyen)\
**Post date:** [2017年三月7日 08:43 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523/2 "2017-03-07T08:43:33Z")

</div>

For Usernames, I’m using this

```
.names span.username a::before {content: "@"}
.names span h2::before {content: "@"}
.user-main .about .details h2::before {content: "@"}

```

---

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2017年三月7日 09:00 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523/3 "2017-03-07T09:00:48Z")

</div>

Thank you. That’s a good and useful workaround 👍

Also I like to see this in core too.

---

<div class="post-metadata">

**Author:** ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)\
**Post date:** [2017年三月7日 10:13 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523/4 "2017-03-07T10:13:35Z")

</div>

> [@Nam\_Nguyen](#):
>
> For Usernames, I’m using this
> 
> ```
> .names span.username a::before {content: "@"}
> .names span h2::before {content: "@"}
> .user-main .about .details h2::before {content: "@"}
> 
> ```

But that adds the @ symbol (also) to the user’s full name. I don’t get the idea…

---

<div class="post-metadata">

**Author:** ![Nam\_Nguyen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nam_nguyen/32/68634_2.png) [@Nam\_Nguyen](https://meta.discourse.org/u/Nam_Nguyen)\
**Post date:** [2017年三月7日 10:24 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523/5 "2017-03-07T10:24:48Z")

</div>

yeh, you’re right,  
Adding @ to css is not a good option,  
_In setting, we have to set these options, and requite user full name_

![](https://global.discourse-cdn.com/meta/original/3X/8/0/807ac1c5f409656692ffe85e75b6db7ff953e150.PNG)  
 ![](https://global.discourse-cdn.com/meta/original/3X/2/1/219f019fc5e9b34128d31ea1e9cbc0a035fc16ba.PNG)

---

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2017年三月7日 10:27 UTC](https://meta.discourse.org/t/prefixing-symbol-in-the-usernames/58523/6 "2017-03-07T10:27:05Z")

</div>

Actually the code should be like below. (`.username` included in h2)

```plaintext
.names span.username a::before {content: "@"}
.names span h2.username::before {content: "@"}
.user-main .about .details h2.username::before {content: "@"}

```

@tophee Also I guess in your website you prioritized the username. That’s the problem. Then the code should be like below (not yet verified)

```plaintext
.names span.username a::before {content: "@"}
.names span h1.username a::before {content: "@"}
.user-main .about .details h1.username a::before {content: "@"}

```