Modifier une image en background
avec
Objectif : Comprendre comment tu crées et tu modifies ta page en backend pour découvrir instantanément le changement en frontend.
Cette page a été créée avec Visual Composer
1 rangée Background
1 rangée call-to-action
1 rangée Texte
1 rangée "Highlight Box"
On peut distinguer :
Cette page a été créée avec Visual Composer
rangée Background
rangée call-to-action
rangée Texte
rangée "Highlight Box"
On peut distinguer 4 rangées bien distinctes :
Voyons comment ça se passe dans le back-end c'est à dire en cliquant sur
Text
Modifier le Background de la rangée
L'image (droite) représente cette rangée grise (gauche)
=
Clique sur Éditer cette rangée
Modifier le Background de la rangée
Une fenêtre intitulée Rangée (Paramètres) s'ouvre, presse l'onglet Background
Modifier le Background de la rangée
Clique sur le petit plus vert + à gauche de la miniature
Modifier le Background de la rangée
1ére option : tu sélectionnes une photo de ta bibliothèque de médias que tu as déjà téléchargée en cliquant dessus puis en validant en pressant le bouton bleu en bas à droite
2 options s'ouvrent à toi
Modifier le Background de la rangée
2éme option : tu télécharges une image de ton bureau en pressant le lien en haut à gauche"Envoyer des fichiers".
Ensuite clique sur "Choisir des Fichiers"
Sélectionne ton image et valide en cliquant sur
Modifier le Background de la rangée
La nouvelle image a été téléchargée car la miniature affiche la nouvelle image ! :)
Pour valider cette modification clique sur le bouton bleu situé en bas de la fenêtre Rangée (Paramètres) "Sauvegarder les modifications"
Modifier le Background de la rangée
Une fois Sauvegardée, Veille à bien Mettre à jour ta page !!!
Ce bouton ce trouve dans le bloc Publier à droite de tes rangées.
Cette action est O-BLI-GA-TOIRE !
Modifier le Background de la rangée
Tout est mis à jour ! Clique sur "Voir la page"
Voici
Modifier le visuel d'une Page avec Visual Composer
By BlueWebOcean
Modifier le visuel d'une Page avec Visual Composer
- 36