CSS to Remove/Hide Success Message Green Box from Contact Form 7

CSS to Remove/Hide Success Message Green Box from Contact Form 7

There might be a need when you don’t want to show success message box which appears after successfully submitting form using contact form 7 plugin in WordPress. I tried lot of tweaks and tricks and then come up with below CSS code. You have to just declare it in <head> section and you will no longer see success message box.

div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }
span.wpcf7-not-valid-tip { display: none; }
input[aria-invalid="true"], select[aria-invalid="true"] { border-color: red; background-color: rgba(153,0,0,0.3); }

Leave a Reply

Your email address will not be published. Required fields are marked *

Show Buttons
Hide Buttons
%d bloggers like this: