Créer un bouton action large avec Divi

Avec seulement quelques ajustements et quelques changements de couleur, vous pouvez facilement donner vie à ce style de bouton action large et le faire correspondre aux couleurs de votre site Web. Pour cet exemple, nous utilisons une orange vif qui attirera l’attention de l’utilisateur et l’encouragera à cliquer. Nous avons également augmenté la largeur du bouton, que nous avons centré et placé un joli survol sur l’effet inverse. Pour créer ce look, j’ai fait ce qui suit: Réglages généraux:
  • Texte du bouton: Faisons-le!
  • Alignement des boutons: Centre
Paramètres de conception avancés:
  • Activer “Utiliser les styles personnalisés pour le bouton:”
  • Taille du texte du bouton: 20
  • Couleur du texte du bouton: #ffffff
  • Couleur d’arrière-plan du bouton: # ff9b1f
  • Largeur de la bordure du bouton: 1
  • Rayon de bordure de bouton: 10
  • Bouton Police: Monterrat
  • Icône bouton modifié à la double flèche droite
Maintenant, passez la souris sur les paramètres:
  • Bouton Icône Couleur: # ff9b1f
  • Couleur du texte du bouton Hover: # ff9b1f
  • Couleur de fond de bouton Hover: #ffffff
  • Bouton Hover Border Couleur: # ff9b1f
CSS personnalisé: Elément principal
width80%;
Voici à quoi ressemblent les paramètres: