> ## 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 la couleur des flèches de vente incitative

> Utilisez du CSS personnalisé pour ajuster la couleur des flèches de navigation de votre carrousel de ventes incitatives.

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

Par défaut, les flèches du carrousel dans la section de ventes incitatives d'Upcart sont noires. Si l'arrière-plan de vos ventes incitatives est sombre, les flèches peuvent être difficiles à voir. Vous pouvez corriger cela en changeant la couleur des flèches avec une simple mise à jour 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'au champ de saisie et collez votre code CSS
3. Cliquez sur **Save**
4. Actualisez votre boutique en ligne pour prévisualiser les modifications

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## Exemple de CSS pour changer la couleur des flèches en V1.0
</div>

```
.styles_PreviewCarousel__ [class~="control-next"]::before,  
.styles_PreviewCarousel__ [class~="control-prev"]::before {  
  border-color: white !important;  
}
```

<div id="example-css-to-change-the-arrow-color-in-v20">
  ## Exemple de CSS pour changer la couleur des flèches en V2.0
</div>

```
.upcart-public-component-carousel__button svg {  
  stroke: orange;  
}
```

La règle V1 ci-dessus définit les flèches en blanc ; la règle V2 les définit en orange. Les deux s'appliquent aux flèches suivante et précédente.

***

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

Vous pouvez mettre à jour `border-color` et `stroke` pour correspondre à la palette de votre marque. Utilisez n'importe quel format de couleur valide :

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

**Exemple :**

```
border-color: #00bcd4 !important;
```

Cela garantit que les flèches de navigation de vos ventes incitatives restent visibles sur n'importe quelle couleur d'arrière-plan.