# Badge image in post template

**URL:** https://meta.discourse.org/t/badge-image-in-post-template/89112
**Category:** Feature
**Tags:** badges
**Created:** [June 4, 2018, 3:22pm UTC](https://meta.discourse.org/t/badge-image-in-post-template/89112 "2018-06-04T15:22:03Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![mpj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mpj/32/119759_2.png) [@mpj](https://meta.discourse.org/u/mpj)
#### Post date: [June 4, 2018, 3:22pm UTC](https://meta.discourse.org/t/badge-image-in-post-template/89112/1 "2018-06-04T15:22:03Z")

</div>

When a user picks a badge as their title, it would be really cool if the badge image appeared next to the title as well.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [June 5, 2018, 12:40am UTC](https://meta.discourse.org/t/badge-image-in-post-template/89112/2 "2018-06-05T00:40:52Z")

</div>

In general we err on the side of maximum reduction of visual clutter, I could see this as an option possibly for specific badges. Especially if it has the “right” emoji or font-awesome icon.

---

<div class="post-metadata">

### Author: ![mpj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mpj/32/119759_2.png) [@mpj](https://meta.discourse.org/u/mpj)
#### Post date: [June 5, 2018, 9:20am UTC](https://meta.discourse.org/t/badge-image-in-post-template/89112/3 "2018-06-05T09:20:49Z")

</div>

> [@sam](#):
>
> In general we err on the side of maximum reduction of visual clutter, I could see this as an option possibly for specific badges. Especially if it has the “right” emoji or font-awesome icon.

Yeah, I can absolutely understand that. Would it be possible to add a CSS class to the title if it’s badged or something, or a data-property - like “data-badge-slug”? Then I could style in an icon manually. Right now, it’s just the title, giving me no entry point to get at it:

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

---

<div class="post-metadata">

### Author: ![mpj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mpj/32/119759_2.png) [@mpj](https://meta.discourse.org/u/mpj)
#### Post date: [June 5, 2018, 9:23am UTC](https://meta.discourse.org/t/badge-image-in-post-template/89112/4 "2018-06-05T09:23:46Z")

</div>

I can tell you a bit about my use case, to give you more context: I have a Patreon reward that gives users the option to award themselves a badge depending on their Editor/IDE identity. I.e. “Team Visual Studio Code”, “Team Vim”, “Team Emacs”. It’s kind of like medal that you wear, an the iconography is very important, and just text seems a bit lame - I want it to be impactful so that the people that don’t have it notice it.