> ## 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.

# Changer les couleurs du sélecteur de variantes de vente incitative

> Personnalisez la couleur d'arrière-plan et de texte des sélecteurs de variantes dans la section de ventes incitatives.

<div id="overview">
  # Aperçu
</div>

Upcart vous permet de changer les couleurs utilisées pour les sélecteurs de variantes des ventes incitatives à l'aide d'un simple CSS personnalisé. C'est un moyen rapide d'aligner l'apparence de votre panier avec votre marque et d'améliorer l'expérience client lors de la sélection des produits.

Cette personnalisation est idéale pour les propriétaires de boutique ou les développeurs ayant des connaissances de base en CSS.

***

<div id="where-to-find-the-custom-css-editor">
  ## Où trouver l'éditeur de CSS personnalisé
</div>

1. Allez dans **Upcart > Cart Editor > Settings > Custom CSS**
2. Faites défiler jusqu'à la zone de saisie et collez votre code CSS
3. Cliquez sur **Save**
4. Actualisez votre boutique en ligne pour prévisualiser les modifications en direct

***

<div id="example-css-for-variant-selector-styling-in-v10">
  ## Exemple de CSS pour le style du sélecteur de variantes en 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">
  ## Exemple de CSS pour le style du sélecteur de variantes en V2.0
</div>

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

***

<div id="how-to-customize">
  ## Comment personnaliser
</div>

* **color** : définit la couleur du texte
* **background-color** : définit l'arrière-plan de la boîte du sélecteur de variantes

Vous pouvez utiliser différents types de valeurs, comme :

* Couleurs nommées (exemple : `black`, `white`, `red`)
* Codes hexadécimaux (exemple : `#000000`)
* Valeurs RGB (exemple : `rgb(255, 0, 0)`)

**Exemple :**

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

Cela vous permet de créer un style de sélecteur de variantes qui s'intègre au design de votre boutique ou qui se démarque pour attirer l'attention.

***

<div id="still-need-help">
  ## Besoin d'aide supplémentaire ?
</div>

Pour des personnalisations supplémentaires, nous vous recommandons de travailler avec un **expert Shopify**. Il peut vous aider à ajouter du HTML, du CSS ou du JavaScript à votre panier coulissant.

[Voir les experts Shopify](https://www.shopify.com/partners/directory)