How to change the design of my form?

[mengeco]

Hello,

The design of the form does not have the same as usual, it is very old (not flat) and the entry fields overflows the column.

I used “Contact form 7”

How to change the design of my form?

Regards

[mengeco]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.wpcf7 p {
    clear: both;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
}
span.wpcf7-form-control-wrap {
    display: block;
    position:relative;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input[type="number"] {
    width: 100%;
    margin-top: 6px;
    margin-bottom: 15px;
    padding: 6px;
    border: 1px solid #E3E3E3;
    font-size: 14px !important;
    height: 36px;
}

Thanks
Mohammad

[mengeco]

Thanks Mohammad, it’s better 😉

But, how increase the field “message” and change the css of button “Envoyer” (border: none)?

[Nishant – SUPPORT]

Please insert this CSS code and that will take care of your queries.

.wpcf7 textarea {
    height: 100px;
}

.wpcf7 input.wpcf7-submit[type="submit"] {
    border: none;
    padding: 5px 10px;
}