# Come posso cambiare lo sfondo della categoria nella versione mobile?

**URL:** https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473
**Category:** Support
**Tags:** mobile, horizon-theme
**Created:** [8 Maggio 2026, 11:33am UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473 "2026-05-08T11:33:19Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Vsekraski](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vsekraski/32/553869_2.png) [@Vsekraski](https://meta.discourse.org/u/Vsekraski)
#### Post date: [8 Maggio 2026, 11:33am UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/1 "2026-05-08T11:33:19Z")

</div>

Ciao. Non riesco a modificare lo sfondo della categoria. C’è un modo per farlo?

 ![IMG_3639](https://global.discourse-cdn.com/meta/original/4X/7/b/a/7baf3b15a8854878c52054635e53779b8e57d93c.jpeg)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8 Maggio 2026, 2:40pm UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/2 "2026-05-08T14:40:17Z")

</div>

Penso che possa essere complicato farlo con Horizon\[1\], ma qualcosa di simile funzionerà in un componente del tema. Il colore dipenderà dalla variabile che utilizzi (ad esempio: `--tertiary-low` dalle palette colori per la modalità chiara/scura). Puoi creare anche le tue variabili e aggiungere maggiore complessità.

In un componente del tema con CSS personalizzato:

```scss
@use "lib/viewport";

// **seleziona l'ID della categoria per una categoria specifica** //

.category-box[data-category-id="4"] {

// **applica solo su dispositivi mobili** //

  @include viewport.until(md) {
    .category-box-inner {
       background: var(--tertiary-low);
    }
  }
}

```

con la palette colori attualmente utilizzata sul tuo sito:

modalità chiara:

 ![Screenshot 2026-05-08 alle 7.34.32](https://global.discourse-cdn.com/meta/original/4X/1/c/a/1ca4903af9fddcf949a2bf2f56a1014220a6e456.png)

modalità scura:

 ![Screenshot 2026-05-08 alle 7.34.48](https://global.discourse-cdn.com/meta/original/4X/7/1/e/71ea9b50153037ac8560a7e2e804bcf43dbb4327.png)

* * *

1. trovo che Horizon sia un incubo da personalizzare

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8 Maggio 2026, 3:07pm UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/3 "2026-05-08T15:07:10Z")

</div>

Se desideri utilizzare colori specifici non presenti nella palette che cambiano con la modalità scura/chiaro, puoi usare la scheda definizioni colore nello stesso componente:

```plaintext
$bg-light: aqua;
$bg-dark: blueviolet;

:root {
  --category-id-4-background: #{dark-light-choose($bg-light, $bg-dark)};
}

```

 ![Screenshot 2026-05-08 at 8.05.01 AM](https://global.discourse-cdn.com/meta/original/4X/0/7/d/07db5547fecb3a54cb287775fba3e4396b9c465f.png)

 ![Screenshot 2026-05-08 at 8.06.18 AM](https://global.discourse-cdn.com/meta/original/4X/0/e/9/0e9c98236eac4ad1aa73332643e5458163554c86.png)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [11 Maggio 2026, 5:10am UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/4 "2026-05-11T05:10:28Z")

</div>

Solo per precisare:

 ![Screenshot 2026-05-12 at 10.10.17 PM](https://global.discourse-cdn.com/meta/original/4X/d/b/5/db5193f8c264481a7feffe19036924e5a831da0e.png)

Horizon non è _inteso_ per essere personalizzato.

Se desideri apportare personalizzazioni, la raccomandazione ufficiale è di iniziare con Foundation e utilizzarlo come base.

Come spiegato [qui](https://meta.discourse.org/t/horizon-theme/360486)

> [@Discourse](#):
>
> raccomandiamo che i siti interessati alla personalizzazione utilizzino invece il tema Foundation.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [11 Maggio 2026, 5:25am UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/5 "2026-05-11T05:25:54Z")

</div>

È triste perché gli amministratori vogliono personalizzare i propri siti. È una delle cose che piacciono di più a riguardo di Discourse. 🙂

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [11 Maggio 2026, 6:45am UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/6 "2026-05-11T06:45:44Z")

</div>

Sì, se puoi modificarlo, certo, vai pure avanti. “No” significa che _non puoi_.

Tuttavia, non era previsto, quindi non l’abbiamo costruito pensando a una facile personalizzazione. È pensato come un tema pronto all’uso per persone meno esperte dal punto di vista tecnico.

---

<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: [10 Giugno 2026, 6:46am UTC](https://meta.discourse.org/t/how-can-i-change-the-category-background-in-the-mobile-version/402473/7 "2026-06-10T06:46:21Z")

</div>

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