# Activer les bannières de catégorie entraîne des icônes de catégorie en double

**URL:** https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510
**Category:** Support
**Tags:** category-banners
**Created:** [Janvier 16, 2025, 7:19 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510 "2025-01-16T19:19:35Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [Janvier 16, 2025, 7:19 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/1 "2025-01-16T19:19:35Z")

</div>

Ceci est une nouvelle installation de #category-banners, sur une catégorie avec une icône. Pour une raison quelconque, elle duplique l’icône. Y a-t-il un moyen de masquer par défaut l’icône de catégorie d’origine lorsque le composant de thème des bannières de catégorie est activé ?

 ![L'image montre l'interface d'un forum de support 1Secure avec diverses options de navigation, notamment Annonces, Commentaires et fils sous discussions et questions triés par balises et par vues les plus récentes. (Légendé par l'IA)](https://global.discourse-cdn.com/meta/original/4X/4/c/4/4c4171230d9f3afd036970f270b41e353f535f36.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Janvier 16, 2025, 7:27 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/2 "2025-01-16T19:27:23Z")

</div>

Je pense que vous pouvez utiliser la solution CSS partagée sur [Default category heading not hidden when category banner is used](https://meta.discourse.org/t/default-category-heading-not-hidden-when-category-banner-is-used/327519?u=moin)

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [Janvier 16, 2025, 7:29 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/3 "2025-01-16T19:29:13Z")

</div>

Je n’ai même pas trouvé ce bug… désolé !

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [Janvier 16, 2025, 7:41 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/4 "2025-01-16T19:41:51Z")

</div>

Il n’aligne toujours pas le texte au centre de l’icône, ce qui est, je suppose, un autre problème mentionné dans ce sujet sans résolution.

@Moin, auriez-vous une idée ?

 ![The image is of the home screen of the 1Secure community forum, featuring announcement, discussions & questions, show & tell, feedback, and latest posts sections. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/2/1/721376191b927a6e32110cfc8101b7e5b8aec753.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [Janvier 16, 2025, 8:23 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/5 "2025-01-16T20:23:12Z")

</div>

Je ne connais pas très bien la mise en page en grille. Cela dit…

Si vous n’affichez pas du tout les descriptions de catégorie, vous pouvez remplacer

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

```

par

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

```

La mise en page d’origine divise le conteneur en 4 cellules, ce qui désaligne le titre :

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/4/4/1445bae00647c320d2c0c72654e63740c12ec4f7.png)

Supprimer la zone « logo description » en fait 2 cellules :

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/0/1/4012e96ed3112015b4c3a3a82a8a91f81220468a.png)

Ce qui vous permet d’aligner verticalement le titre en remplaçant :

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

```

par

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

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/a/5/5a56a6888eac52ff887e9859473b19f8b9bc746a.png)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [Février 15, 2025, 8:24 UTC](https://meta.discourse.org/t/enabling-category-banners-causes-duplicate-category-icons/347510/6 "2025-02-15T20:24:07Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.