Modifier la couleur du texte d'espace réservé dans les éléments de courriel et de champ de texte

Le texte d'espace réservé est le texte léger affiché dans un champ avant que les clients ne saisissent quoi que ce soit, par exemple :

• « Saisissez votre adresse e-mail »
• "Votre nom"
• "Numéro de téléphone"

Personnaliser la couleur de l'espace réservé peut aider votre formulaire à correspondre à l'image de marque de votre boutique et à améliorer la cohérence globale du design de votre page.

Étape 1 : Ouvrez les paramètres de l’élément

Tout d'abord, ouvrez l'éditeur de pages dans GemPages.

Puis:

• Survolez le Email or Champ de texte élément que vous souhaitez personnaliser
• Cliquez avec le bouton droit sur l'élément
• Sélectionner Code personnalisé

Cela vous permet d'ajouter du CSS personnalisé spécifiquement pour cet élément.

Étape 2 : Ajouter le code couleur de l’espace réservé

Collez le code suivant dans la section de code personnalisé :

.ElementClass::placeholder {

  couleur : #000000 !important;

}

Étape 3 : Remplacer la valeur de couleur

remplacer #000000 avec la couleur de votre choix.

Vous pouvez utiliser:

• Un nom de couleur
• Un code couleur HEX
• Valeurs RVB

Voici quelques sites web populaires où vous pouvez trouver les noms des couleurs et leurs codes HEX :

• Sélecteur de couleurs — https://htmlcolorcodes.com/
• Refroidisseurs — https://coolors.co/
• Adobe Color — https://color.adobe.com/
• Dégradé CSS — https://cssgradient.io/