Liste des catégories avec bannières

[Arkshine]

Salut, bienvenue
Vous pouvez ajouter du CSS dans vos thèmes ou dans un composant de thème séparé :

@manuel

Pour ajouter des styles, vous pouvez sélectionner la classe générale, ainsi que des bannières spécifiques par ID de catégorie :

.category list .category-list-banner {
  &.category-5 { [style a specific banner] }
  &:after { [style the headings]}
}

Par exemple, en supposant que vous souhaitiez ajouter une image à la catégorie ID 4, vous feriez quelque chose comme ceci :

.category-list .category-list-banner {
    &.category-4 {
        background-image: url(https://images.unsplash.com/32/Mc8kW4x9Q3aRR3RkP5Im_IMG_4417.jpg);
        background-size: cover;
    }
}

Ce n’est qu’un exemple. Pour plus d’informations, vous pouvez consulter les propriétés CSS background.

Liens également utiles :

Making custom CSS changes on your site

This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …