# Hoe OP avatar weer te geven in de nieuwste kolom van de categorie

**URL:** https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872
**Category:** Support
**Created:** [3 januari 2021 om 16:24 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872 "2021-01-03T16:24:53Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![scvoet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scvoet/32/204870_2.png) [@scvoet](https://meta.discourse.org/u/scvoet)
#### Post date: [3 januari 2021 om 16:24 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/1 "2021-01-03T16:24:53Z")

</div>

I want to display OP avatar in latest column of the category.  
Here

 ![图片](https://global.discourse-cdn.com/meta/original/3X/4/d/4d5576331a8acaaa399f2b97412767c2f9bd2e3e.png)  
I had read some docs about how2create a component and tried to do it by imitating [Mobile OP avatars](https://meta.discourse.org/t/show-original-poster-avatars-on-mobile/171346).

[https://github.com/scvoet/discourse-desktop-op-avatars](https://github.com/scvoet/discourse-desktop-op-avatars)

Thanks for your help.❤

---

<div class="post-metadata">

### Author: ![mallorycs](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@mallorycs](https://meta.discourse.org/u/mallorycs)
#### Post date: [25 januari 2022 om 19:12 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/2 "2022-01-25T19:12:11Z")

</div>

I’m commenting on this because I want this tooooo!!! It’s been driving me nuts that I can’t make this change…

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [25 januari 2022 om 19:58 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/3 "2022-01-25T19:58:07Z")

</div>

You can try this CSS:

```scss
.latest-topic-list-item .topic-poster {
    order: 3;
    text-align: right;
}

```

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/8/f8bb4da4ffbc1e40c402d5acd747ad9e41a19392.png)

You can target other columns and set their `order` as well as long as they have `display: flex;` (if you want for example put the avatar between the last activity and the topic’s name).

---

<div class="post-metadata">

### Author: ![mallorycs](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@mallorycs](https://meta.discourse.org/u/mallorycs)
#### Post date: [25 januari 2022 om 21:46 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/4 "2022-01-25T21:46:52Z")

</div>

@Canapin It moved the avatar images to the right, but is still displaying the avatar of the most recent poster, as oppose to the original poster…

 ![Screen Shot 2022-01-25 at 1.45.56 PM](https://global.discourse-cdn.com/meta/original/3X/5/e/5e920cac9560a7183fe954ebbffb1f1358bd957b.jpeg)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [25 januari 2022 om 21:54 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/5 "2022-01-25T21:54:27Z")

</div>

There is a #Customization > Theme component that shows [Topic Author](https://meta.discourse.org/t/discourse-topic-author/111021) instead of the most recent poster.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [25 januari 2022 om 21:55 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/7 "2022-01-25T21:55:01Z")

</div>

Sorry, I misunderstood What you were asking for.

---

<div class="post-metadata">

### Author: ![saquetim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/saquetim/32/116400_2.png) [@saquetim](https://meta.discourse.org/u/saquetim)
#### Post date: [25 januari 2022 om 23:10 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/8 "2022-01-25T23:10:41Z")

</div>

If you only want to change that in the Category page and don’t want the other changes that the Discourse Topic Author will make you can override the `components/latest-topic-list-item`

[https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/components/latest-topic-list-item.hbs](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/components/latest-topic-list-item.hbs)

With something like below in your theme:

```handlebars
<script type="text/x-handlebars" data-template-name="components/latest-topic-list-item">
    {{plugin-outlet name="above-latest-topic-list-item" connectorTagName="div"}}
    <div class="main-link">
      <div class="top-row">
        {{raw "topic-status" topic=topic}}
        {{topic-link topic}}
        {{#if topic.featured_link}}
          {{topic-featured-link topic}}
        {{/if}}
        {{topic-post-badges unreadPosts=topic.unread_posts unseen=topic.unseen url=topic.lastUnreadUrl}}
      </div>
      <div class="bottom-row">
        {{category-link topic.category}}{{discourse-tags topic mode="list"}}{{! intentionally inline to avoid whitespace}}
      </div>
    </div>
    <div class="topic-stats">
      {{raw "list/posts-count-column" topic=topic tagName="div"}}
      <div class="topic-last-activity">
        <a href={{topic.lastPostUrl}} title={{topic.bumpedAtTitle}}>{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a>
      </div>
    </div>
    <div class="topic-creator">
      {{#user-link user=topic.creator}}
        {{avatar topic.creator imageSize="large"}}
      {{/user-link}}
      {{user-avatar-flair user=topic.creator}}
    </div>
</script>

```

But you will be overriding a template so if it ever gets changed in the core, it is up to you to keep it updated.

---

<div class="post-metadata">

### Author: ![mallorycs](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@mallorycs](https://meta.discourse.org/u/mallorycs)
#### Post date: [26 januari 2022 om 18:12 UTC](https://meta.discourse.org/t/how-to-display-op-avatar-in-latest-column-of-the-category/174872/9 "2022-01-26T18:12:11Z")

</div>

@Moin @saquetim Thank you!!