Personnaliser la couleur de fond d'une zone de texte peut permettre à votre formulaire de contact de mieux correspondre à l'image de marque de votre boutique et d'améliorer l'expérience utilisateur globale.
Dans cet article, vous apprendrez comment modifier la couleur de fond d'une zone de texte à l'intérieur de l'élément Formulaire de contact dans GemPages à l'aide d'un simple code CSS personnalisé.
Étape 1 : Ouvrez le panneau de code personnalisé
Dans l'éditeur GemPages :
- Cliquez avec le bouton droit sur le champ de zone de texte que vous souhaitez personnaliser.
- Sélectionner Code personnalisé
Le panneau « Code personnalisé » s'affichera.
Étape 2 : Ajouter le code CSS
Collez le code suivant dans le champ Code personnalisé :
ElementClass textarea { couleur de fond : rouge !important ; }
Note importante:
- remplacer ElementClass avec la classe réelle de votre élément. Vous trouverez la classe de l'élément en haut du panneau Code personnalisé.
- Vous pouvez également remplacer rouge avec la couleur de votre choix.
Exemples :
couleur d'arrière-plan: # 000000;
couleur de fond: #f5f5f5;
couleur de fond : rgba(255,255,255,0.8);
Étape 3 : Enregistrer et publier
Après avoir ajouté le code :
- Cliquez à nouveau Enregistrer
- Publiez ou mettez à jour votre page
- Prévisualisez le formulaire de contact pour vérifier que la nouvelle couleur de fond est correctement appliquée.
Merci pour vos commentaires