Tubbydev

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:

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.