Comment créer un bouton large

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:

venenatis, elit. Donec id, vulputate, libero. diam