Changer facilement la taille des champs d'un formulaire Contact Form 7

Pour créer, rédiger et optimiser le SEO de vos pages web --> Contactez-nous


Un problème tout bête sur lequel vous pouvez facilement vous arracher les cheveux: changer la taille des champs d'un formulaire Contact Form 7.

Si vous cherchez la solution à ce problème sur Google, vous allez vous perdre sur des dizaines de forums où des dingues du CSS donnent des solutions encore plus compliquées et que de changer de plugin..

En fait, il existe une ruse hyper simple donnée par l'excellent Compile Blog sur cette note

A la fin de chaque code des champs sur le formulaire, vous ajoutez un xx/ ou xx la bonne largeur.

Exemple:

Largeur champs contact form 7

On vous voit arriver. Gnagnagna ce n'est pas élégant, tralalalala mais ça marche et c'est facile.

Autre problème, ça ne marche pas avec les "text area"..

Là il va falloir qd même faire un peu de css mais c'est facile.

Allez dans le css du template (ou plutôt dans le système qui vous permet de personnaliser le template avec du "custom css") et ajoutez:

.wpcf7 textarea {
width: xx%
}

où xx vous permettra d'avoir la même longeur (donc essayez plusieurs fois) que les autres champs, si bien sûr vous voulez les aligner verticalement.

 

 

Commentaires sur: Changer facilement la taille des champs d'un formulaire Contact Form 7

Mille mercis pour cette solution ! Effectivement je me cassais les dents (= je m'arrachais les cheveux !) pour juste aligner la zone Message avec les autres champs !
Et là, comme je ne sais pas aller dans le css du template du formulaire CF7, j'ai juste modifié la largeur des autres champs, pour les aligner avec la zone Message.

Bref, le résultat me convient parfaitement.
Encore merci,
Marie-Lise

Rédigé par : Dubois d'Enghien | 28 sep 2021 01:34:26

Exploit the worldwide reach of the web and quest for web design company in USA. Likewise take into contemplations on the off chance that you have any specialized staff you utilize, would you have to do the upkeep of the locales yourself?

Rédigé par : Weagon Mun | 27 mai 2021 17:38:21

Poster un commentaire sur: Changer facilement la taille des champs d'un formulaire Contact Form 7







« Presse entièrement gratuite sur Telegram: tiens il y aurait aussi des lois ? | Accueil | Dégroupage de commandes dans Wordpress Woocommerce »



Besoin de SEO, de développement, de rédaction de contenu web ? Besoin d'un blog, de Wordpress, de Prestashop ou autres nouvelles "choses web" ? Envie de travailler dans ces domaines ? --> Contactez-nous