.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; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter