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

SEO 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

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



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