Comment ajouter du CSS personnalise ?
Utilise du code personnalise pour affiner l'apparence de ton site web au-dela des options standard.
Reponse courte : Va dans Site web > Editeur > Parametres du site > onglet Design pour ajouter du CSS personnalise.
Trouver l'option CSS personnalise
Va dans Site web > Editeur
Clique sur Parametres du site
Selectionne l'onglet Design
Fais defiler pour trouver la zone de texte CSS personnalise
Entre ton code CSS
Clique sur Enregistrer
Ce que tu peux personnaliser avec CSS
Tailles et styles de police
Espacement et marges
Couleurs et arriere-plans
Apparence des boutons
Mises en page des sections
Styles specifiques au mobile
Exemple : Changer une taille de police
.section-title {
font-size: 32px;
}
Exemple : Ajuster l'espacement
.content-section {
padding: 40px 20px;
}
Exemple : Couleur de bouton personnalisee
.btn-primary {
background-color: #d4a574;
border-color: #d4a574;
}
Ou le CSS personnalise s'applique
Le CSS personnalise ajoute ici s'applique uniquement a ton site web de mariage (les pages et sections que tu construis dans l'editeur). Il ne s'applique pas :
Au formulaire RSVP
Au formulaire Collecte de details
Au formulaire de check-in
A la page de code d'acces
A la page "bientot disponible"
Ces pages utilisent une mise en page separee et standard qui n'est pas affectee par le CSS de ton site web. Le CSS personnalise des E-Cards est egalement separe et ne s'applique qu'a l'E-Card elle-meme.
Notes importantes
Le CSS necessite quelques connaissances techniques
Les modifications affectent l'ensemble de ton site web (mais pas le formulaire RSVP ni les autres pages listees ci-dessus)
Teste soigneusement sur mobile et bureau
Un CSS invalide peut casser ta mise en page
Sauvegarde ton CSS fonctionnel avant toute modification
Si quelque chose casse
Si ton CSS cause des problemes :
1. Retourne dans les parametres CSS personnalise
2. Supprime ou commente les modifications recentes
3. Enregistre et rafraichis ton site
4. Rajoute les modifications une par une
Conseils
Commence par de petites modifications
Utilise les outils de developpement du navigateur pour trouver les noms des elements
Teste sur plusieurs appareils
Garde ton CSS organise avec des commentaires
Ne remplace pas les styles de mise en page critiques
Articles connexes