Modifier le fond d’un élément

Le fond habille la surface d’un élément : une carte, une section ou un bouton. Il reste derrière son contenu. Pour commencer, choisissez une couleur sobre qui laisse les textes faciles à lire.

1. Sélectionner la bonne surface

Dans Calques, sélectionnez la carte ou le conteneur à modifier. Sélectionner son titre modifierait le titre, pas nécessairement toute la carte.

Passez en Expert, puis retrouvez le groupe Arrière-plan. Si le réglage n’existe pas encore, utilisez le + du groupe et choisissez Arrière-plan. Ce mode propose des commandes visuelles : vous n’avez pas besoin d’écrire du code.

2. Choisir une couleur unie

Ouvrez le contrôle de fond et utilisez l’onglet Couleur. Les couleurs du thème permettent de garder une présentation cohérente avec le reste du site. Les nuances claires conviennent souvent aux cartes qui contiennent du texte foncé.

Observez la carte dans l’aperçu après chaque choix. Une couleur de fond ne change pas automatiquement la couleur des textes : si le contraste devient insuffisant, réglez aussi leur couleur.

Dans la démonstration, nous modifions une carte entière. Ses textes et ses images sont conservés.

3. Choisir entre couleur, image et dégradé

Le même contrôle propose trois onglets :

• Couleur : une surface uniforme, facile à harmoniser.
• Image : une photographie ou une texture placée derrière le contenu.
• Dégradé : une transition entre plusieurs couleurs.

Le passage à un autre type de fond peut retirer les réglages incompatibles du type précédent. Comparez les résultats puis utilisez Annuler si vous préfériez l’ancien fond.

Composer un dégradé de fond.

Une image de fond est décorative. Si l’image porte une information indispensable, utilisez plutôt un élément Image avec un texte alternatif. Une photographie sombre peut aussi rendre un texte difficile à lire.

4. Ne pas confondre fond et transparence

Un fond transparent laisse voir ce qui se trouve derrière l’élément. En revanche, le réglage Opacité atténue aussi ses textes et ses images. Pour garder le texte net, commencez par régler le fond plutôt que toute la carte.

Régler la transparence d’un élément.

Les effets du groupe Derrière agissent sur le décor situé derrière la surface ; ceux du groupe Effets agissent sur l’élément lui-même.

5. Vérifier les différents écrans

Comparez mobile, tablette et ordinateur. Une règle d’écran peut changer le fond à partir d’une largeur donnée. Elle reste active sur les écrans plus larges tant qu’aucune autre règle ne la remplace.

Contrôlez le contraste, le cadrage éventuel de l’image et les zones qui se prolongent après un retour à la ligne. Terminez par Enregistrer.