# 카테고리 배너를 활성화하면 카테고리 아이콘이 중복으로 표시됩니다

**URL:** <https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510>\
**Category:** Product Support\
**Tags:** category-banners\
**Created:** [1월 16, 2025, 7:19오후 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510 "2025-01-16T19:19:35Z")\
**Posts on this page:** 1\
**Showing post:** 5

<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:** [1월 16, 2025, 8:23오후 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/5 "2025-01-16T20:23:12Z")

</div>

그리드 레이아웃에 대해 잘 알지는 못합니다. 하지만…

카테고리 설명을 아예 표시하지 않는 경우, 다음을

```css
.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title"
        "logo description";
    grid-template-columns: auto 1fr;
}

```

다음으로 교체할 수 있습니다.

```css
.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title";
    grid-template-columns: auto 1fr;
}

```

원래 레이아웃은 컨테이너를 4개의 셀로 나누어 제목의 정렬이 어긋납니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/4/4/1445bae00647c320d2c0c72654e63740c12ec4f7.png)

“logo description” 영역을 제거하면 2개의 셀이 됩니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/0/1/4012e96ed3112015b4c3a3a82a8a91f81220468a.png)

이렇게 하면 다음을

```css
.category-title-contents .category-title {
    grid-area: title;
    align-self: end;
}

```

다음으로 교체하여 제목을 세로로 가운데 정렬할 수 있습니다:

```css
.category-title-contents .category-title {
    grid-area: title;
    align-self: center;
}

```

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

---

_[View the full topic](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510)._