Fond et espacement des sections

En plus de son contenu, chaque section a un style : sa mise en page (variante), son fond, l'espace autour d'elle, sa visibilité sur mobile et son ancre. Réglez-le dans l'onglet Style du panneau de la section.

Le fond#

Fond	Rendu
Clair (par défaut)	La couleur de fond de votre site.
Doux	Votre couleur « Fond doux », légèrement différente du fond : idéal pour séparer deux sections.
Couleur	Votre couleur principale, avec un texte clair. Pour attirer l'œil sur un message important.
Sombre	Un fond foncé avec un texte clair. Élégant pour une section avis ou chiffres clés.
Image	Une photo en arrière-plan, choisie dans le champ Image de fond qui apparaît alors.

Les couleurs utilisées viennent de votre design : si vous changez la couleur principale du site, toutes les sections sur fond « Couleur » suivent.

Astuce Alternez les fonds « Clair » et « Doux » d'une section à l'autre : la page devient plus lisible et plus rythmée, sans effort.

Attention Avec un fond image, choisissez une photo assez sombre ou peu chargée pour que le texte reste lisible, et vérifiez le résultat dans l'aperçu mobile.

L'espacement#

L'espacement règle la hauteur de l'espace vide au-dessus et en dessous du contenu de la section : Serré, Normal (par défaut) ou Aéré. Un espacement serré resserre les sections qui vont ensemble, un espacement aéré donne de l'importance à une section.

Masquer sur mobile#

L'interrupteur Masquer sur mobile cache la section sur téléphone tout en la gardant sur ordinateur et tablette. Voir Dupliquer, masquer ou supprimer.

L'ancre de la section#

L'ancre est un petit nom (par exemple horaires) qui permet de faire un lien directement vers cette section :

Dans l'onglet Style, remplissez le champ Ancre (lien direct) : uniquement des lettres minuscules, des chiffres et des tirets (les espaces et accents sont convertis automatiquement).
Dans un bouton ou un lien, utilisez #horaires comme lien.
Un clic fait défiler la page jusqu'à la section.

Exemple Dans la bannière d'accueil d'un restaurant : bouton « Voir la carte » avec le lien #carte, et l'ancre carte sur la section Carte / menu.