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