Comment modifier la couleur du texte d'un formulaire de contact à l'aide d'un code personnalisé

Personnaliser le design de votre formulaire de contact contribue à créer une expérience utilisateur plus cohérente et professionnelle sur votre boutique en ligne. Dans certains cas, vous souhaiterez peut-être modifier la couleur du texte dans les champs du formulaire afin de mieux correspondre à votre identité visuelle ou d'améliorer la lisibilité.

Cet article vous montrera comment modifier la couleur du texte dans un élément de formulaire de contact à l'aide d'un simple code CSS personnalisé dans GemPages.

Comment modifier la couleur du texte du formulaire de contact ?

S'assurer:

• Vous avez déjà ajouté un élément Formulaire de contact à votre page
• Vous avez accès à l'éditeur GemPages
• Vous savez quel champ de formulaire ou quelle zone de texte vous souhaitez personnaliser.

Étape 1 : Ouvrez le panneau de code personnalisé

Dans l'éditeur GemPages :

• Cliquez avec le bouton droit sur le champ de texte ou l'élément du formulaire de contact que vous souhaitez personnaliser.
• Sélectionner Code personnalisé

Le panneau « Code personnalisé » s'affichera.

Étape 2 : Ajouter le code CSS

Collez le code CSS suivant dans le champ Code personnalisé :

.classID.gp-form-item{

 couleur : xxxxx !important ;

}

Se souvenir de:

• remplacer .classID Avec votre identifiant d'élément réel

Vous devez remplacer .classID avec l'identifiant réel de l'élément de votre formulaire de contact.

Vous trouverez cet identifiant en haut du panneau Code personnalisé.

• remplacer xxxxx Avec votre couleur préférée

remplacer xxxxx avec la couleur que vous souhaitez utiliser.

Vous pouvez utiliser:

• Noms des couleurs
• Codes de couleur HEX
• Valeurs RVB

Exemples :

Utiliser un nom de couleur

couleur : noir !important;

Utilisation d'une couleur HEX

couleur : #ffffff !important;

Utilisation du RVB

couleur : rgb(255,255,255) !important ;

Étape 3 : Enregistrez et publiez vos modifications

Après avoir ajouté le code :

• Cliquez à nouveau Enregistrer
• Prévisualisez le formulaire de contact pour vérifier que la couleur du texte a bien été modifiée.