How to change Contact Form 7 Box or Border colors

Styling Contact Form 7 Box or Border colors

Contact Form 7 generates a very useful and standard compliant code for the forms. Each element in the form has a proper ID and CSS class associated with it.

Each contact form uses the CSS class .wpcf7 which you can use to style your form.

Here is the code:

.wpcf7 {
background: #A3A3A3;
border: 1px solid #494949;
width: 700px;
}

You can also try

try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
    border-color: black;
}

You can replace black with any other color or color code.