Contact Form 7 – deux colonnes

OBJECTIFS

Afficher le formulaire sur deux colonnes.

CODE

<div class="form-row">
<div class="column-half">Nom [text* nom]</div>
<div class="column-half">Prénom [text* prenom]</div>
<div class="form-row">
<div class="column-half">Téléphone [tel telephone]</div>
<div class="column-half">Email [email* your-email]</div></div>
<div class="column-full">Société [text societe]</div>
<div class="column-full">Message [textarea* your-message]</div>
</div>

[submit "Envoyer"]

+D'INFOS

 Dans CSS:

/* CF7 TEXTAREA HEIGHT */
.wpcf7-form textarea{
width: 100% !important;
height:130px !important;
}

/* CF7 COLUMNS */
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}