Lista de Categorias com Banners

[Arkshine]

Olá, bem-vindo

Você pode adicionar CSS em seus temas ou em um componente de tema separado:

@manuel

Para adicionar estilos, você pode selecionar a classe geral, bem como banners específicos por ID de categoria:

.category list .category-list-banner {
  &.category-5 { [estilizar um banner específico] }
  &:after { [estilizar os títulos]}
}

Por exemplo, supondo que você queira adicionar uma imagem à categoria ID 4, você faria algo assim:

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

Este é apenas um exemplo. Para mais informações, você pode consultar as propriedades CSS de background.

Links úteis também :

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 …