Kategorienliste mit Bannern

[Arkshine]

Hallo, willkommen

Sie können CSS in Ihren Themes oder einer separaten Theme-Komponente hinzufügen:

@manuel

Um Stile hinzuzufügen, können Sie die allgemeine Klasse sowie spezifische Banner nach Kategorie-ID auswählen:

.category list .category-list-banner {
  &.category-5 { [einen spezifischen Banner stylen] }
  &:after { [die Überschriften stylen]}
}

Wenn Sie beispielsweise der Kategorie-ID 4 ein Bild hinzufügen möchten, würden Sie etwas Ähnliches tun:

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

Dies ist nur ein Beispiel. Weitere Informationen finden Sie in den background CSS-Eigenschaften.

Auch hilfreiche Links :

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 …