カテゴリーバナーを有効にすると、カテゴリーアイコンが重複してしまう

[jordan-violet]

これは category-banners の新規インストールで、アイコン付きのカテゴリに適用されています。何らかの理由でアイコンが重複して表示されます。カテゴリバナーテーマコンポーネントが有効な場合に、元のカテゴリアイコンを非表示にする方法はありますか？

[Moin]

共有されたCSSソリューションを使用できると思います。Default category heading not hidden when category banner is used

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