Pourquoi le texte de votre bouton n’est-il pas centré ?
Si vous avez remarqué que le texte de votre bouton apparaît décentré ou mal alignéCela peut être dû aux paramètres de taille ou à un remplissage supplémentaire appliqué au bouton. Les causes courantes sont :
- Paramètres de taille modifiés : Le réglage de la largeur et de la hauteur du bouton peut parfois affecter la façon dont le texte est centré.
- Rembourrage supplémentaire : Un remplissage irrégulier à l'intérieur du bouton peut décentrer le texte.
- Paramètres d'alignement : Si l'alignement vertical n'est pas correctement défini, l'étiquette du bouton peut paraître légèrement plus haute ou plus basse que prévu.
Comment centrer le texte du bouton dans GemPages ?
Suivez ces étapes pour aligner le texte au centre de votre bouton et garantir que vos boutons ont un aspect professionnel.
#1. Réinitialiser ou ajuster le remplissage
Étape 1 : Dans l'éditeur, cliquez sur le Élément de bouton pour ouvrir son panneau de paramètres.
Étape 2 : Localisez le Rembourrage sous le Taille .
Étape 3 : Si le remplissage est irrégulier, ajustez-le de manière à ce que l'espacement soit uniforme de tous les côtés. Cela permet de réaligner le texte à l'intérieur du bouton.
#2. Vérifiez la largeur et la hauteur du bouton
Étape 1 : Rendez-vous dans la section Taille paramètres.
Étape 2 : Assurez-vous que la hauteur du bouton est proportionnelle à sa largeur, de sorte que le texte reste au centre.
#3. Utiliser un code personnalisé
Si les ajustements de remplissage/taille ne centrent pas complètement le texte du bouton, ajoutez une petite règle CSS personnalisée. Cela vous permettra d'obtenir un alignement horizontal et vertical parfait au pixel près.
Étape 1 : Faites un clic droit sur l'élément bouton et sélectionnez Code personnalisé.
Étape 2 : Dans l'éditeur de code, copiez et collez le code suivant dans la zone sous le Onglet CSS.
display: flex;
align-items: center;
justify-content: center;
Étape 3 : Enregistrez les mises à jour et vérifiez le résultat.
Merci pour vos commentaires