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 }