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?
Acho que você pode usar a solução CSS que foi compartilhada em Default category heading not hidden when category banner is used
Nem encontrei esse bug… desculpe!
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?
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;
}
