> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cambiare i colori del selettore di varianti degli upsell

> Personalizza il colore di sfondo e del testo dei selettori di varianti nella sezione upsell.

<div id="overview">
  # Panoramica
</div>

Upcart ti permette di cambiare i colori usati per i selettori di varianti degli upsell con un semplice CSS personalizzato. È un modo rapido per allineare l'aspetto del tuo carrello al tuo brand e migliorare l'esperienza del cliente durante la selezione dei prodotti.

Questa personalizzazione è ideale per titolari di negozi o sviluppatori con una conoscenza di base del CSS.

***

<div id="where-to-find-the-custom-css-editor">
  ## Dove trovare l'editor Custom CSS
</div>

1. Vai su **Upcart > Cart Editor > Settings > Custom CSS**
2. Scorri fino all'area di input e incolla il tuo codice CSS
3. Clicca su **Save**
4. Aggiorna il tuo storefront per visualizzare le modifiche in tempo reale

***

<div id="example-css-for-variant-selector-styling-in-v10">
  ## CSS di esempio per lo stile del selettore di varianti nella V1.0
</div>

```
.upcart-upsell-item-variant-selector {     
  color: white !important;  
  background-color: #008060 !important;   
}
```

<div id="example-css-for-variant-selector-styling-in-v20">
  ## CSS di esempio per lo stile del selettore di varianti nella V2.0
</div>

```
.upcart-public-component-upsell-tile__variant-row select {  
  color: white;     
  background-color: #008060;   
}
```

***

<div id="how-to-customize">
  ## Come personalizzare
</div>

* **color**: imposta il colore del testo
* **background-color**: imposta lo sfondo del riquadro del selettore di varianti

Puoi usare diversi tipi di valori, come:

* Colori con nome (esempio: `black`, `white`, `red`)
* Codici esadecimali (esempio: `#000000`)
* Valori RGB (esempio: `rgb(255, 0, 0)`)

**Esempio:**

```
.upcart-public-component-upsell-tile__variant-row select {     
  color: #000000 !important;     
  background-color: #f3f4f6 !important;   
}
```

Questo ti permette di creare uno stile per il selettore di varianti che si integra con il design del tuo negozio oppure risalta per attirare l'attenzione.

***

<div id="still-need-help">
  ## Hai ancora bisogno di aiuto?
</div>

Per personalizzazioni aggiuntive, ti consigliamo di lavorare con uno **Shopify Expert**. Può aiutarti ad aggiungere HTML, CSS o JavaScript al tuo cart drawer.

[Vedi gli Shopify Experts](https://www.shopify.com/partners/directory)