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?
Awesome!
Completion rate improved to 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 !
