Les modifications CSS de base permettent de personnaliser l'apparence 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 effectuer des modifications de style.

Étapes

1. Création d'un nouveau fichier CSS : accédez à Boutique en ligne > Thèmes > Modifier le code et ouvrez le dossier Assets. Cliquez sur Ajouter une nouvelle ressource, choisissez Créer un fichier vierge et nommez-le custom.css ;
2. Ajout du code CSS : ouvrez votre fichier custom.css et ajoutez ce code pour modifier 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. Liaison de votre fichier CSS à votre thème : accédez au 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. Aperçu de vos modifications : enregistrez vos modifications et prévisualisez votre boutique pour voir comment les polices et les styles des titres ont été mis à jour.