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

[jordan-violet]

이것은 아이콘이 있는 카테고리에서 #category-banners를 새로 설치한 경우입니다. 이유를 알 수 없게 아이콘이 중복 표시됩니다. 카테고리 배너 테마 구성 요소가 켜져 있을 때 원래 카테고리 아이콘이 기본적으로 숨겨지도록 하는 방법이 있을까요?

[Moin]

Default category heading not hidden when category banner is used 에서 공유된 CSS 솔루션을 사용할 수 있다고 생각합니다.

[jordan-violet]

그 버그를 찾지도 못했네요… 죄송합니다!

[jordan-violet]

아직도 텍스트가 아이콘 중앙에 정렬되지 않는데, 아마도 해당 주제에서 언급되었지만 해결되지 않은 또 다른 문제일 것 같습니다.

@Moin 이 문제에 대해 혹시 알고 계신가요?

[Canapin (Coin-coin le Canapin)]

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

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

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

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

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

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

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

이렇게 하면 다음을

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

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

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