It’s probably a theme issue. Many themes add styling to the CF7 form. It happened on one of my websites. Add this to your css:
div.wpcf7-response-output {
border: 0;
}
Make sure to check the styles on your success and error messages, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output and .wpcf7 form.sent .wpcf7-response-output
I have the same problem. I have checked for plugin conflicts, disabled and cleared cache and been in contact with theme support – https://theme.co/forum/t/empty-alert-bar-showing-below-contact-form-button/76669
It appears that the class wpcf7-display-none is missing when the page renders. I have noticed this issue only in the past few days and it is on all forms on all my websites. Does anyone have any ideas what could be causing it?
Anonymous User 17185533
(@anonymized-17185533)
I have same issue, just updated cf7 to ver. 5.2 and the alert box appears with red rule below form.
FIRST PAGE RENDER
In my case, when the contact form page is first rendered, show a “alert-warning” in a box empty without any text, with a 1px red border.
How can it be solved?
Thread Starter
demeul
(@demeul)
Try this in your custom css:`.wpcf7-response-output {
display: none;
}`
