O formulário do Contact Form & tem uma largura máxima definida, mas queria deixá-lo na largura completa da coluna. A maneira de fazer isso é com o código abaixo:
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form input[type="search"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="range"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="week"], .wpcf7-form input[type="time"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="color"], .wpcf7-form input[type="file"], .wpcf7-form input[type="submit"], .wpcf7-form select, .wpcf7-form textarea {
width:100% !important;
}Segue abaixo código adicional que eu usei para estilizar o formulário, incluindo o campo de anexo:
/*Formulário Contact Form 7*/
.full {
margin-bottom: 20px;
width: 100%;
}
.wpcf7-form input[type="file"] {
background-color: #f5f5f5;
padding: 10px 15px;
}
.wpcf7-form .wpcf7-textarea {
padding: 10px 20px !important;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #727376;
border-color: #727376;
}
