Les modifications CSS de base vous permettent de personnaliser l'apparence et la convivialité de votre boutique Shopify au-delà des paramètres par défaut du thème. Dans ce chapitre, vous apprendrez à créer et importer un nouveau fichier CSS dans votre thème pour des modifications de style.

Étapes

1. Créer un nouveau fichier CSS : allez dans Boutique en ligne > Thèmes > Modifier le code et ouvrez le dossier Assets. Cliquez sur Ajouter un nouvel asset, choisissez Créer un fichier vierge, et nommez-le custom.css;
2. Ajouter du code CSS : ouvrez votre fichier custom.css et ajoutez ce code pour changer les polices et ajuster les styles des titres :

   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
   h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #000;
   }
   

3. Lier votre fichier CSS à votre thème : allez dans le fichier layout/theme.liquid et ajoutez la ligne suivante avant la balise de fermeture </head> pour lier votre nouveau fichier CSS :

   {{ 'custom.css' | asset_url | stylesheet_tag }}
   

4. Prévisualiser vos modifications : enregistrez vos modifications et prévisualisez votre boutique pour voir comment les styles de police et de titre ont été mis à jour.