# Team Badges on post container

**URL:** https://meta.discourse.org/t/team-badges-on-post-container/234549
**Category:** Support
**Created:** [July 30, 2022, 9:10pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549 "2022-07-30T21:10:33Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [July 30, 2022, 9:10pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/1 "2022-07-30T21:10:34Z")

</div>

Hello,

I am looking for something like this

 ![brave_z7mLTUghyM](https://global.discourse-cdn.com/meta/original/4X/a/2/5/a25472ee9548f623b9d099d8f478e4ca82b23f22.png)

Is there an option for this in default discourse, or do I have to code it myself? And if yes, then where exactly can I specify custom css.

Thanks 🙂

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [July 30, 2022, 10:59pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/2 "2022-07-30T22:59:29Z")

</div>

Some places use the name field. Or a custom title entry.

 ![Screenshots_2022-07-30-20-01-17](https://global.discourse-cdn.com/meta/original/4X/9/3/1/93190059e9295a6d1ec5a1ff0ef96e130c9f7325.png)

I used custom title. Full moderator or admin csn tag custom titles

---

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [July 31, 2022, 3:18pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/3 "2022-07-31T15:18:18Z")

</div>

Hello thanks for the reply!

However, I was talking about the “Lost Ark” Logo behind the actual post content.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [July 31, 2022, 3:36pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/4 "2022-07-31T15:36:10Z")

</div>

Have you looked at the CSS to determine how they implemented it?

---

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [July 31, 2022, 3:37pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/5 "2022-07-31T15:37:14Z")

</div>

Yes, they did it with a pseudo-element.

 ![brave_unfN9l5Aql](https://global.discourse-cdn.com/meta/original/4X/e/1/d/e1df47857da2e5726e05f36c21d6194df2a301df.png)

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [July 31, 2022, 4:07pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/6 "2022-07-31T16:07:44Z")

</div>

Have you tried creating a theme component to replicate the look?

---

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [July 31, 2022, 4:55pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/7 "2022-07-31T16:55:25Z")

</div>

Good call! Will try and let you guys know how I proceed 🙂

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [July 31, 2022, 4:55pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/8 "2022-07-31T16:55:55Z")

</div>

Sounds good - let us know if you have any problems!

---

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [July 31, 2022, 6:43pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/9 "2022-07-31T18:43:06Z")

</div>

Hey!

So I tried using the same CSS styling for a test.

 ![brave_ejXm8YZQb6](https://global.discourse-cdn.com/meta/original/4X/e/a/e/eae130d75381159ad51147889ab50f24722f6c97.png)

Isn’t there also some HTML I need to add? And what would the div look like, never seen such a div class tbf, thats why I am asking, a little bit curious.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [August 1, 2022, 4:15pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/10 "2022-08-01T16:15:47Z")

</div>

Both `.topic-post:before { .. }` and `.topic-post > article:before { .. }` work for me. Additional classes depend on how or for whom you want to restrict that view. Not sure on which element you have the `.mod-highlight` class.

---

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [August 1, 2022, 5:04pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/11 "2022-08-01T17:04:51Z")

</div>

What did you write in the HTML part?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [August 1, 2022, 5:08pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/12 "2022-08-01T17:08:22Z")

</div>

not sure what you mean by that. I didn’t change anything apart from adding the style declaration.

---

<div class="post-metadata">

### Author: ![2TapPrince](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/2tapprince/32/269051_2.png) [@2TapPrince](https://meta.discourse.org/u/2TapPrince)
#### Post date: [August 1, 2022, 7:23pm UTC](https://meta.discourse.org/t/team-badges-on-post-container/234549/13 "2022-08-01T19:23:34Z")

</div>

Oh yeah, it does work!

Thanks man \<3
