Comment utiliser le module bouton dans Divi Builder

Bouton pi.
Définir la taille du bouton Divi Builder ne fournit aucune option de réglage spécifique pour définir la taille du bouton. Comment définir la taille du bouton? Pour définir la taille du bouton, vous pouvez définir le remplissage. Pour ce faire, allez dans l’onglet conception du panneau de configuration du module bouton et ouvrez le bloc d’espacement. Vous pouvez simplement définir le remplissage en haut, en bas, à droite et à gauche. Le réglage de remplissage ajoute un espace entre le texte du bouton et le bord du bouton, ce qui affecte également la taille du bouton.
Une fois que vous avez défini la taille du bouton, les paramètres de texte et ajouté des liens, vous pouvez commencer à modéliser le bouton. L’apparence par défaut des boutons fournis par Divi Builder est un bouton blanc avec une bordure bleue et du texte bleu. Vous devez activer les styles personnalisés avant de pouvoir assigner des styles aux boutons. Pour ce faire, ouvrez le bloc de boutons de l’onglet conception et activez l’option Utiliser des styles personnalisés par bouton. Activez cette option pour ouvrir plus d’options de style. À partir des blocs de boutons de l’onglet conception (activez l’option Utiliser des styles personnalisés par bouton), vous pouvez:
Définit la taille du texte de l’arrière – plan du bouton paramètres de couleur du texte du bouton. Vous pouvez utiliser l’arrière – plan, Paramètres de l’image graduée ou solide bouton paramètres de la largeur de la bordure boutons paramètres de la couleur de la bordure boutons paramètres du rayon de la bordure boutons paramètres de la série de polices de texte boutons paramètres de l’épaisseur de la police de texte boutons icônes après avoir terminé les options de style sur le bloc de boutons, Vous pouvez ouvrir d’autres blocs sous design pour appliquer d’autres options de style.
Vous pouvez ouvrir les ombres de boîte appliquées à ce bloc
Il y a une ombre de boîte sur le bouton. Divi Builder offre 7 options d’ombrage de boîte. Une fois sélectionné, vous pouvez définir la couleur de l’ombre, la position horizontale, la position verticale, l’intensité du flou et l’intensité de diffusion. Filtres vous pouvez ouvrir ce bloc pour appliquer des filtres CSS aux modules. Conversion vous pouvez ouvrir ce bloc pour appliquer la conversion CSS au bouton. Il suffit de sélectionner la transformation CSS à appliquer (en cliquant sur l’un des onglets disponibles) et de définir les valeurs de transformation en utilisant la souris.
Animation ouvre ce bloc pour animer l’entrée du module bouton. Il y a sept options d’animation d’entrée à choisir. Une fois sélectionné, vous pouvez définir la durée de l’animation, le retard de l’animation et l’opacité de démarrage de l’animation. Une fois que vous avez terminé le style dans l’onglet conception, vous pouvez passer à l’onglet avancé pour quelques paramètres avancés. De l’ajout de CSS personnalisés à la configuration des effets de défilement. Vous pouvez ouvrir 7 blocs dans l’onglet avancé.
ID et classe CSS vous pouvez ouvrir ce bloc pour ajouter un CSS personnalisé en utilisant le module Code. Vous pouvez ouvrir le bloc pour ajouter un ID CSS et une classe CSS. Vous pouvez ouvrir ce bloc pour ajouter des CSS personnalisés directement au lieu d’utiliser des modules de code. Il suffit de coller le code CSS dans les champs disponibles. Propriétés vous pouvez ouvrir ce bloc pour définir les propriétés du lien du bouton. Visibilité dans ce bloc, vous pouvez désactiver \/ activer les boutons sur certains types d’appareils (bureau, tablette et smartphone). Il suffit de sélectionner le type de périphérique pour désactiver le bouton.
Transition vous pouvez ouvrir ce bloc pour définir la transition