# Author badge on Topic Owner's posts
**URL:** https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963
**Category:** Development
**Created:** [December 2, 2020, 9:17am UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963 "2020-12-02T09:17:21Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 2, 2020, 9:17am UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/1 "2020-12-02T09:17:22Z")
Hello,
It’s going to be really good to huge topics…where users know when the OP reply. Appear an Author badge on OP replies…
I made it with CSS but I think this maybe could be a core feature or a theme component. 🙂
I target the `.topic-owner` class but I am sure there is a more elegant way. Like this ⬇
Thank you! 🙂
**On desktop** I target the `.names` class
```
.topic-owner article .row .topic-body .topic-meta-data .names::after {
content: "Author";
color: var(--secondary);
background: var(--secondary-medium);
padding: 0px 8px;
border-radius: 8px;
}
// Hide from embedded posts
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
content: "";
}
```
Looks like this ⬇
* * *
**On Mobile** I target the `.first` class
```
.topic-owner article .row .topic-body .topic-meta-data .names .first::after {
content: "Author";
color: var(--secondary);
background: var(--secondary-medium);
margin-left: 4px;
padding: 0px 8px;
border-radius: 6px;
}
```
Looks like this ⬇
* * *
If you want to see it in live ⬇ _I just pick a topic from my site._ The only change, the Author label is Hungarian.
> **[Vaperina helyzetjelentés 2.0](https://vaperina.cc/t/vaperina-helyzetjelentes-2-0/2947)**
>
> Sziasztok! 🙂 Ez az idő is elérkezett 🙂 A mostani helyzetjelentés a 2.0! Ez történt mostanában! ⬇ 1. Átállás Tegnapelőtt hajnalban megtörtént az első része az átállásnak. Egy új szerverre került Vaperina 🙂 Most maga a rendszer került...
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 2, 2020, 3:55pm UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/2 "2020-12-02T15:55:09Z")
That’s pretty cool. Is your forum public? Can you edit your post and add a link to that topic?
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 2, 2020, 4:06pm UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/3 "2020-12-02T16:06:37Z")
Hello @pfaffman ,
I added the link. Thanks 🙂
---
### Author:  [@riking](https://meta.discourse.org/u/riking)
#### Post date: [December 5, 2020, 1:15am UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/4 "2020-12-05T01:15:46Z")
You might want to consider omitting this on the first post, because that’s always going to come from the topic creator!
CSS edit:
> [@Don](#):
>
> `.topic-owner article:not(#post_1) .row { ... }`
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 5, 2020, 9:35am UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/5 "2020-12-05T09:35:37Z")
Thank you Kane! That’s a good point I will use this ❤🙂
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [July 4, 2021, 11:21am UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/6 "2021-07-04T11:21:20Z")
Little update! 🙂
**Desktop** ⬇
```plaintext
// Topic Owner
.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names::after {
content: "Author";
color: var(--secondary);
font-weight: bold;
background: var(--secondary-medium);
padding: 0px 8px;
border-radius: 8px;
line-height: normal;
}
```
* * *
**Mobile** ⬇
```plaintext
// Topic Owner
.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names .first:after {
content: 'Author';
color: var(--secondary);
background: var(--secondary-medium);
margin-left: 4px;
padding: 0px 8px;
border-radius: 6px;
line-height: normal;
}
```
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [September 5, 2023, 7:51am UTC](https://meta.discourse.org/t/author-badge-on-topic-owners-posts/171963/7 "2023-09-05T07:51:08Z")
Cross linking the new theme component 🥳
> [@Author Badge for Topic Posts](https://meta.discourse.org/t/author-badge-for-topic-posts/277579):
>
> information_sourceSummary Add badge to topic owner’s posts.hammer_and_wrenchRepository [https://github.com/VaperinaDEV/author-badge-for-topic-posts](https://github.com/VaperinaDEV/author-badge-for-topic-posts)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Hello wave With this theme component you can add badge label to the topic owner’s posts. It is really useful on larger topics because you ca…