Sélectionner une page


Ce tutoriel va vous montrer comment créer un bouton Actions dans le menu Divi. Mettre en évidence un bouton qui vous invite à cliquer peut augmenter le taux de conversion auprès de vos visiteurs. Ce didacticiel est simple et rapide et se déroule en deux étapes.

Première étape: le menu

Allez dans le menu via « Apparence -> Menu » et ajoutez une classe CSS. Dans notre exemple, la classe est appelée Action d’appel BTN. Si vous ne voyez pas la case Classes CSS, n’oubliez pas de cocher la case Classes CSS dans les options d’écran.

La première étape est terminée, il ne s’agit ni plus ni moins que de manipuler le menu dans WordPress.

Nous pouvons passer à la deuxième étape.

Deuxième étape: le code CSS

Dans cette deuxième étape, nous ajoutons le code CSS. Vous pouvez l’ajouter dans la feuille de style de votre thème enfant ou dans les options du thème Divi.


/* Bouton appel à l'action */

.btn-appel-action a {
background-color: #E51D67;
border-radius: 5px;
padding:10px 10px !important;
color: #fff;
}

Il ne reste plus qu’à changer les valeurs de Couleur de l’arrière plan et couleur selon votre charte graphique.
Si vous voulez un bouton avec des coins arrondis, augmentez simplement la valeur de Rayon du bord.




Source link

Recent Posts