Contact Form 7 - Styling

PHOTO EMBED

Wed Dec 01 2021 00:27:48 GMT+0000 (Coordinated Universal Time)

Saved by @tophercris_ #css #contact #cf7 #wordpress

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 input[type="submit"] {
transition: 0.3s ease-in-out all
}

.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
width: 100%;
}

.wpcf7 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.wpcf7 textarea {
border-width: 0 0 2px;
border-color: #41506DFF;
border-style: solid;
background-color: #FFFFFFFF;
padding: 8px;
color: #3F3F3F;
margin-bottom:20px;
}

.wpcf7 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.wpcf7 textarea:focus {
border-width: 0 0 2px;
border-color: #41506D;
border-style: none;
background-color: #FFFFFFFF;
box-shadow: 0px 0px 13px #00000024;
}
.wpcf7 label {
font-size:16px;
font-weight:600;
color:#41506D;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
font-size:16px;
font-weight:600;
color:#000000;
}
.wpcf7 input[type="submit"] {
font-size:16px;
font-weight:600;
color:#FFFFFF;
background-color:#41506D;
padding:16px 40px;
height: auto;
display: block;
width: 100%;
max-width: 100%;
border-radius: 30px;
}
.wpcf7 input[type="submit"]:hover {
color:#FFFFFFFF;
background-color:#6A82A6FF;
box-shadow: 0px 12px 33px #00000055;
border-radius: 30px;
}
content_copyCOPY

https://formstyler.com/