Personnalisation CSS de Base
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
- 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 ;
- Ajout du code CSS : ouvrez votre fichier
custom.csset 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;
}
- Liaison de votre fichier CSS à votre thème : accédez au fichier
layout/theme.liquidet ajoutez la ligne suivante avant la balise de fermeture</head>pour lier votre nouveau fichier CSS :
{{ 'custom.css' | asset_url | stylesheet_tag }}
- 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.
1. Où créez-vous un nouveau fichier CSS dans Shopify ?
2. Que modifie le code CSS fourni ?
3. Comment importer un fichier CSS personnalisé dans votre thème Shopify ?
4. Pourquoi est-il utile d'apporter des modifications CSS personnalisées ?
5. Quel est le but d'importer la police Poppins dans l'exemple ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you explain how to use Google Fonts with Shopify in more detail?
What should I do if my custom CSS changes aren't showing up on my store?
How can I customize other elements besides headings and paragraphs?
Génial!
Completion taux amélioré à 6.25Personnalisation CSS de Base
Glissez pour afficher le menu
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
- 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 ;
- Ajout du code CSS : ouvrez votre fichier
custom.csset 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;
}
- Liaison de votre fichier CSS à votre thème : accédez au fichier
layout/theme.liquidet ajoutez la ligne suivante avant la balise de fermeture</head>pour lier votre nouveau fichier CSS :
{{ 'custom.css' | asset_url | stylesheet_tag }}
- 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.
1. Où créez-vous un nouveau fichier CSS dans Shopify ?
2. Que modifie le code CSS fourni ?
3. Comment importer un fichier CSS personnalisé dans votre thème Shopify ?
4. Pourquoi est-il utile d'apporter des modifications CSS personnalisées ?
5. Quel est le but d'importer la police Poppins dans l'exemple ?
Merci pour vos commentaires !
