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
- 101