启用类别横幅会导致类别图标重复

[jordan-violet]

这是 category-banners 的全新安装，在一个带有图标的类别上。不知何故，它复制了图标。有没有办法在启用 category banners 主题组件时默认隐藏原始类别图标？

[Moin]

我认为您可以使用在 Default category heading not hidden when category banner is used 中分享的 CSS 解决方案。

[jordan-violet]

都没找到那个 bug……抱歉！

[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;
}