Habilitar banners de categoria causa ícones de categoria duplicados

[jordan-violet]

Esta é uma instalação nova de category-banners, em uma categoria com um ícone. Por algum motivo, ele duplica o ícone. Existe uma maneira de ocultar o ícone original da categoria quando o componente de tema de banners de categoria está ativado?

[Moin]

Acho que você pode usar a solução CSS que foi compartilhada em Default category heading not hidden when category banner is used

[jordan-violet]

Nem encontrei esse bug… desculpe!

[jordan-violet]

Ainda não alinha o texto ao centro do ícone, o que acho que é outro problema também mencionado nesse tópico sem resolução.

@Moin, alguma chance de você saber sobre isso?

[Canapin (Coin-coin le Canapin)]

Não conheço muito bem o layout de grid. Dito isso…

Se você não exibir as descrições das categorias, pode substituir

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

por

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

O layout original divide o contêiner em 4 células, o que desalinha o título:

Remover a área “logo description” o transforma em 2 células:

O que permite alinhar verticalmente o título substituindo:

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

por

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