# Display Topic Author on Topic List

**URL:** https://meta.discourse.org/t/display-topic-author-on-topic-list/102167
**Category:** UX
**Created:** [November 16, 2018, 10:56am UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167 "2018-11-16T10:56:27Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Mistflux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mistflux/32/120239_2.png) [@Mistflux](https://meta.discourse.org/u/Mistflux)
#### Post date: [November 16, 2018, 10:56am UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/1 "2018-11-16T10:56:27Z")

</div>

Hello!

I would like to change the topic list to only display the topic’s author instead of a list of frequent posters in a topic.

Would there be an easy way to accomplish this?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [November 16, 2018, 11:10am UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/2 "2018-11-16T11:10:21Z")

</div>

**EDIT:** Here’s a more complete solution I threw together that you can download as a theme component:

[https://theme-creator.discourse.org/theme/tshenry/original-poster-only](https://theme-creator.discourse.org/theme/tshenry/original-poster-only)

---

<div class="post-metadata">

### Author: ![ahmadabdolsaheb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmadabdolsaheb/32/138662_2.png) [@ahmadabdolsaheb](https://meta.discourse.org/u/ahmadabdolsaheb)
#### Post date: [November 18, 2019, 1:38pm UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/3 "2019-11-18T13:38:48Z")

</div>

@tshenry, awesome, I am looking for a similar solution but i would like to display the poster username instead of their image.

Where could we take a look into the repo of your component?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [November 18, 2019, 11:24pm UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/4 "2019-11-18T23:24:30Z")

</div>

Ah! I definitely goofed by failing to provide a way to download or see the code! It’s just some CSS. I’ll bundle it into a proper theme component on GitHub when I get a chance.

```scss
// Hide all posters except the topic author
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // Only show first poster
    a:not(:first-of-type) {
        display: none;
    }
    // Get rid of offset and decoration
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // Adjustment for center alignment
    & > a {
        float: none;
        margin-right: 0;
    }
}

// Make sure the correct user is showing at smaller width
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // Ensure first poster is showing
        a:not(.latest) {
            display: block;
        }
        // Hide everything else
        a:not(:first-of-type) {
            display: none;
        }
    }
}

```

What you are trying to accomplish is probably closer to:

> [@Sam's Simple Theme](https://meta.discourse.org/t/sams-personal-minimal-topic-list-design/23552):
>
> discourse2Summary Sam’s Simple Theme creates a “minimal” topic list designeyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/sams-simple-theme)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-simple-theme](https://github.com/discourse/discourse-simple-theme)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 Features I have been thinking about this a lot, and decided to take a shot at a “minimal” front page customisation. To select this theme here on Meta he…

---

<div class="post-metadata">

### Author: ![littleviolette](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@littleviolette](https://meta.discourse.org/u/littleviolette)
#### Post date: [February 7, 2021, 1:39am UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/7 "2021-02-07T01:39:17Z")

</div>

This is super cool. Thank you!

The CSS code for mobile doesn’t seem to be working. Did Discourse recently change the way it organizes the posters for mobile? Any tips on how to fix it?

Thank you!

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [February 8, 2021, 7:19pm UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/8 "2021-02-08T19:19:03Z")

</div>

The above CSS was never intended for mobile, but I _think_ this is probably what you are looking for?

> [@Show Original Poster Avatars](https://meta.discourse.org/t/show-original-poster-avatars-on-mobile/171346):
>
> discourse2Summary Show Original Poster Avatars is a simple theme component that shows the profile picture of the original poster (OP) on the mobile topic list, rather than the latest reply.eyeglassesPreview [Preview on Discourse Creator](https://discourse.theme-creator.io/theme/Discourse/show-op-avatars) (mobile only)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-mobile-op-avatar-component](https://github.com/discourse/discourse-mobile-op-avatar-component)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 Featu…

---

<div class="post-metadata">

### Author: ![littleviolette](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@littleviolette](https://meta.discourse.org/u/littleviolette)
#### Post date: [February 8, 2021, 7:45pm UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/9 "2021-02-08T19:45:34Z")

</div>

Yes! I couldn’t limit this OP-only layout to specific categories via CSS using the mobile theme like I can with your CSS code. Do you have tips how I can accomplish that on mobile (sorry new to Ember.js :/)?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [February 8, 2021, 8:10pm UTC](https://meta.discourse.org/t/display-topic-author-on-topic-list/102167/10 "2021-02-08T20:10:20Z")

</div>

Unfortunately limiting by category would be a somewhat significant addition to that mobile component since you can’t check the category with the handlebars file alone. There are a few things you could do:

- Make a #Development topic about it and see if any developers are able to give you some pointers
- Look through the code of existing theme components that involve categories and see if you can find ideas/inspiration
- Make a listing in the #Marketplace and pay someone to build it for you
