Utiliser un code CSS personnalisé

Le CSS est un langage de design qui est utilisé sur la plupart des sites Web.

Vous pouvez personnaliser le design de votre boutique en utilisant un code CSS personnalisé.  

Les modifications sont valables sur l'intégralité de votre boutique et pas seulement sur la page qui s’ouvre dans l’éditeur pendant que vous modifiez le code CSS. Cependant, le code CSS personnalisé n’a aucun impact sur le design du processus de commande et de paiement de votre boutique.  

La manière la plus facile de changer les couleurs de votre boutique est indiquée dans l'article Modifier les couleurs de votre boutique​. Si vous modifiez des couleurs via un CSS personnalisé, cela ce superposera aux paramètres de couleur.

Le code CSS personnalisé peut affecter le design et les fonctionnalités de votre boutique de manière indésirable et avoir des répercussions sur le design responsive.

---

L'ajout de code CSS est recommandé pour les utilisateurs expérimentés. Vérifiez attentivement votre boutique après chaque changement. Veuillez noter également que les mises à jour automatiques de votre boutique peuvent affecter le code. Vérifiez régulièrement si le code CSS que vous avez ajouté est toujours fonctionnel ou si il a été affecté par une mise à jour. 

Comment ajouter un code CSS personnalisé

1. Dans le menu principal de l’interface d’administration, sélectionnez Éditeur.  

2. Dans la partie droite de l'écran, en bas, cliquez sur l'icône en forme de pinceau .  

3. Cliquez sur </>.  

4. Ajoutez votre code CSS personnalisé.  

5. Cliquez sur Sauvegarder.  

6. Sélectionnez Afficher votre boutique et vérifiez si les modifications que vous avez effectuées s’affichent correctement.
 

Votre code CSS est uniquement appliqué au style actuellement sélectionné. Si vous modifiez le style, le code CSS n’est plus appliqué à votre boutique. Si vous revenez au style dans lequel vous avez entré le code CSS, le code CSS est à nouveau appliqué dans votre boutique.

---

Votre boutique en ligne vérifie automatiquement si le code CSS que vous avez entré est correct.

---

Lorsque vous modifiez les couleurs, vous devrez adapter la marge de certains éléments.

---

Pour le code CSS personnalisé, il n’est pas nécessaire d’entrer un type de feuille de style.