Avec Elementor, tu peux changer l’arrière-plan d’une section ou d’une colonne.
Clique sur la section ou la colonne puis rends-toi dans l’onglet Style > Arrière-plan.
Tu peux ajouter une couleur, une image, une vidéo, un dégradé de couleurs ou un diaporama.
Ajouter une couleur ou une image en arrière-plan
L’option classique est de mettre une couleur de fond.
Clique sur l’icone Pinceau et choisis la couleur que tu souhaites ajouter en arrière-plan.
La seconde option est d’ajouter une image
Tu peux ensuite gérer l’affichage de cette image : sa position, la taille et qualité de l’image, image répétée ou non…
Ajouter un dégradé de couleurs en arrière-plan
Tu peux choisir d’ajouter un dégradé de couleurs.
Clique sur le 2eme icone Dégradé.
Choisis ensuite la couleur principale, la seconde couleur, leur emplacement respectif, le type de dégradé (linéaire ou radial) et enfin l’angle.
Clique sur l’icone Pinceau et choisis la couleur que tu souhaites ajouter en arrière-plan.
Ajouter une vidéo en arrière-plan
Pour ajouter une vidéo, même principe que pour l’image : il faut sélection l’icone « Vidéo » puis importer le fichier ou renseigner le lien de la vidéo si elle est hébergée sur un site externe.
Ajouter un diaporama en arrière-plan
Enfin, tu peux ajouter un diaporama avec des médias qui défilent.
Clique sur le 4eme icone Diaporama, puis choisis les visuels de ton diaporama.
Ensuite, tu as plusieurs réglages pour déterminer la vitesse de défilement, les transitions entre chaque média…
Ajouter une superposition d’arrière-plan
Une fois ton arrière-plan défini, tu peux choisir d’ajouter une couleur par dessus, et gérer l’opacité pour voir également l’image en arrière-plan ou la vidéo en dessous.
C’est ce que j’ai fait par exemple pour la section contenant le titre de mes pages.
Pour cela, rends-toi dans l’onglet Style > Superposition d’arrière-plan
Tu as le choix entre une couleur unie et un dégradé de couleurs. Lorsque tu choisis la couleur, tu noteras un curseur pour l’opacité : c’est cette option qui te permettra de rendre visible l’arrière-plan sous la couleur.
Avec cette option, fais attention à gérer la couleur des textes pour que ceux-ci soient bien lisibles 😉
