# 아바타 위치를 주제 텍스트 앞에 오도록 변경하는 방법?

**URL:** https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401
**Category:** Support
**Created:** [9월 20, 2025, 6:22오후 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401 "2025-09-20T18:22:02Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![rivohor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rivohor/32/522481_2.png) [@rivohor](https://meta.discourse.org/u/rivohor)
#### Post date: [9월 20, 2025, 6:22오후 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/1 "2025-09-20T18:22:02Z")

</div>

> 이렇게

 ![4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195](https://global.discourse-cdn.com/meta/original/4X/7/f/2/7f2d59a8805df7cf464618f6165fd05b465311b8.png)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [9월 20, 2025, 6:36오후 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/2 "2025-09-20T18:36:08Z")

</div>

안녕하세요, Discourse에 오신 것을 환영합니다!

이것은 겉보기보다 훨씬 어려운 작업입니다. 테이블 요소를 사용하며, 실제 HTML 구조를 변경하지 않고 순서를 바꾸는 것이 쉽지 않습니다. 구조를 변경한다는 것은 기본적으로 해당 구성 요소를 사용자 지정 템플릿으로 대체해야 한다는 뜻이며, 저는 이를 시도하는 것을 강력히 권장하지 않습니다.

저는 이 부분을 간단히 시도해 보았는데, 순수 CSS로 어느 정도 가능하지만, 매우 견고한 구현 방식은 아닙니다.

시도해 보고 싶으시다면:

```plaintext
.topic-list-item {
    position:relative;
}

.topic-list .posters {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    height: auto !important;
}

.topic-list .topic-list-data:first-of-type {
    padding-inline-start: 150px;
}

```

데스크톱에만 적용하도록 스코프를 설정할 것을 권장합니다.

---

<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: [9월 20, 2025, 8:14오후 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/3 "2025-09-20T20:14:07Z")

</div>

메타에 오신 것을 환영합니다 👋

토픽 목록을 이렇게 보이길 원하시나요?

> [@Discourse](#):
>
> 첫 번째(왼쪽) 열에 저자 아바타 표시
> 
> ![This image is a screenshot of an online article, showing the title, author, and topic of an article on policies within a company. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/a/4/2a4bf6af1dab5238c47f5fa59decae6d933f9b79.png)

이 컴포넌트로 그렇게 할 수 있다고 생각합니다.

> [@게시물 목록 작성자](https://meta.discourse.org/t/topic-list-author/269910?u=moin):
>
> information_sourceSummary Makes the topic author appear instead of posters and allows changing the placement of the author column in topic list pages.hammer_and_wrenchRepository [https://github.com/discourse/discourse-topic-list-author](https://github.com/discourse/discourse-topic-list-author)eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-list-author)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 …

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [9월 20, 2025, 11:28오후 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/4 "2025-09-20T23:28:43Z")

</div>

글쓴이의 요청이 주제 작성자를 옮기는 것인지, 아니면 모든 아바타를 옮기는 것인지 명확하지 않네요.

---

<div class="post-metadata">

### Author: ![rivohor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rivohor/32/522481_2.png) [@rivohor](https://meta.discourse.org/u/rivohor)
#### Post date: [9월 21, 2025, 12:40오전 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/5 "2025-09-21T00:40:24Z")

</div>

네, 맞아요. 도와주셔서 감사합니다. 정말 감사해요.

---

<div class="post-metadata">

### Author: ![rivohor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rivohor/32/522481_2.png) [@rivohor](https://meta.discourse.org/u/rivohor)
#### Post date: [9월 21, 2025, 12:40오전 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/6 "2025-09-21T00:40:56Z")

</div>

도움 주셔서 정말 감사드립니다. 결국 그 테마 컴포넌트를 사용하게 되었지만, 정말 감사히 생각합니다.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [10월 21, 2025, 12:41오전 UTC](https://meta.discourse.org/t/how-to-reverse-the-position-of-the-avatar-to-be-in-front-of-the-topic-text/383401/7 "2025-10-21T00:41:43Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.