Passer au contenu principal

Comment ajouter du CSS personnalise ?

Utilise du code personnalise pour affiner l'apparence de ton site web au-delà des options standard.

Comment ajouter du CSS personnalise ?

Utilise du code personnalise pour affiner l'apparence de ton site web au-delà des options standard.
​

Réponse courte : Va dans Site web > Éditeur > Paramètres du site > onglet Design pour ajouter du CSS personnalise.
​

Trouver l'option CSS personnalise

  1. Va dans Site web > Éditeur

  2. Clique sur Paramètres du site

  3. Sélectionne l'onglet Design

  4. Fais défiler pour trouver la zone de texte CSS personnalise

  5. Entre ton code CSS

  6. Clique sur Enregistrer

Ce que tu peux personnaliser avec CSS

  • Tailles et styles de police

  • Espacement et marges

  • Couleurs et arrière-plans

  • Apparence des boutons

  • Mises en page des sections

  • Styles spécifiques 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 personnalisée

.btn-primary {
  background-color: #d4a574;
  border-color: #d4a574;
}

Où le CSS personnalise s'applique

Le CSS personnalise ajoute ici s'applique uniquement à ton site web de mariage (les pages et sections que tu construis dans l'éditeur). Il ne s'applique pas :
​

  • Au formulaire RSVP

  • Au formulaire Collecte de détails

  • Au formulaire de check-in

  • À la page de code d'accès

  • À la page "bientôt disponible"

Ces pages utilisent une mise en page séparée et standard qui n'est pas affectée par le CSS de ton site web. Le CSS personnalise des E-Cards est également séparé et ne s'applique qu'à l'E-Card elle-même.
​

Notes importantes

  • Le CSS nécessite quelques connaissances techniques

  • Les modifications affectent l'ensemble de ton site web (mais pas le formulaire RSVP ni les autres pages listées 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 problèmes :
1. Retourne dans les paramètres CSS personnalise
2. Supprime ou commente les modifications récentes
3. Enregistre et rafraîchis ton site
4. Rajoute les modifications une par une
​

Conseils

  • Commence par de petites modifications

  • Utilise les outils de développement du navigateur pour trouver les noms des éléments

  • Teste sur plusieurs appareils

  • Garde ton CSS organise avec des commentaires

  • Ne remplace pas les styles de mise en page critiques

Articles connexes

Avez-vous trouvé la réponse à votre question ?