Lors de la création de formulaires de contact dans GemPages, vous pouvez centrer le texte d'espace réservé dans votre champ Email ou votre champ Texte pour un design plus épuré et équilibré.
Étape 1 : Sélectionnez l'élément de champ de saisie
Ouvrez votre page dans l'éditeur GemPages.
À l'intérieur de votre formulaire de contact, cliquez sur l'élément Champ e-mail ou Champ texte à l'endroit où vous souhaitez centrer le texte d'espace réservé.
Étape 2 : Ouvrez le panneau de code personnalisé
Cliquez avec le bouton droit sur l'élément sélectionné. Choisissez ensuite Code personnalisé. Cela ouvrira l'éditeur de code personnalisé pour cet élément spécifique.
Étape 3 : Ajouter le code CSS
Collez le code suivant dans la zone Code personnalisé :
ElementClass input::placeholder { text-align: center; }
NOTE IMPORTANTE
remplacer ElementClass avec le nom de classe réel de votre élément.
Vous trouverez la classe de l'élément dans le coin supérieur gauche de l'éditeur lorsque vous sélectionnez l'élément.
Exemple :
.gf-input-123 input::placeholder { text-align: center; }
Résultat:
Merci pour vos commentaires