Contact Form 7 style

Hi,
Would you be so kind and write me css style for Contact Form 7 for the following:
– line colour
– field background colour;
– field size;
– label text colour
– button colour
– button shape
– button text colour

Hello,

Please try to configure that in the Theme Settings > Styles and colors, and then provide the page URL and I will provide custom CSS for the rest.

Best Regards

Here is it

Hello,

Please clarify do you want to change the view or functionality?

If you want to change the functionality you will have to search for an appropriate plugin. Our support does not cover customization of the third parties plugin, we can just give a CSS to make minor changes.

Best Regards

Hi,
Yes please, only minnor changes as is
– line colour
– field background colour;
– field size;
– button colour
– button shape
– button text colour

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wpcf7-form-control-wrap input[type='email'], 
.wpcf7-form-control-wrap input[type='text'] {
    border: 2px solid red;
    border-radius: 20px;
    color: white;
    background-color: yellow;
    font-size: 20px;
    transition: border-color .5s ease;
}
body input[type="submit"]{
    font-size: 13px!important;
    background-color: red!important;
    color: white!important;
    border-color: transparent!important;
    border-radius: 20px!important;
}

Please replace the values and colors as per your needs.
Best Regards

[Author]

Posts