Abilitare i banner di categoria causa duplicazione delle icone di categoria

[jordan-violet]

Questa è un’installazione pulita di category-banners, su una categoria con un’icona. Per qualche motivo, duplica l’icona. C’è un modo per nascondere l’icona originale della categoria quando il componente del tema delle banner di categoria è attivo?

[Moin]

Penso che tu possa usare la soluzione CSS condivisa in Default category heading not hidden when category banner is used

[jordan-violet]

Non ho nemmeno trovato quel bug… scusa!

[jordan-violet]

Ancora non allinea il testo al centro dell’icona, che immagino sia un altro problema menzionato in quell’argomento senza risoluzione.

@Moin hai per caso la soluzione?

[Canapin (Coin-coin le Canapin)]

Non conosco molto bene il layout a griglia. Detto questo…

Se non visualizzi affatto le descrizioni delle categorie, puoi sostituire

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

con

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

Il layout originale divide il contenitore in 4 celle, il che disallinea il titolo:

La rimozione dell’area “logo description” la riduce a 2 celle:

Ciò consente di allineare verticalmente il titolo sostituendo:

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

con

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