Personnaliser les formulaires Gravity Forms

Si ça peut être utile, voila le CSS que j’ajoute au fichier de style du thème enfant pour personnaliser les formulaires générés par le plugin WordPress Gravity Forms. Il y a certainement plus élégant comme démarche…

/* le container */
.gform_wrapper .gform_body,
.gform_wrapper .gform_footer{
padding-left: 15px !important;
}

/* le bouton submit */
.gform_wrapper .gform_footer input[type=submit]{
color: #ffffff!important;
background: #e3000b;
border-width: 0px!important;
border-radius: 6px;
font-size: 22px !important;
font-weight: 500;
font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif!important;
text-transform: uppercase!important;
background-color: #e3000b;
padding: 0.8em 1.8em;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);

cursor: pointer;
}
.gform_wrapper .gform_footer input[type=submit]:hover{
background: black;
box-shadow: none
}

/* les messages d'erreur */
.gform_wrapper div.validation_error,
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_required,
.gform_wrapper .validation_message{
color:#e3000b !important;
border-top: 0 !important;
border-bottom: 0 !important;
background-color: transparent !important;

}

/* les champs */
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select{
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1);
border-radius: 6px 6px 6px 6px;
overflow: hidden;
padding: 16px !important;
border: 0
}