Empty Alert Bar Showing Below Contact Form Button

[whitemedia]

Hi,

I have just noticed an error which appears below every Contact Form 7 form on both this website and every other one I have built with Pro. I have tested for plugin conflict, turning all plugins except CF7 off, I have removed all custom CSS, and have switched off & cleared the cache, but the problem remains.

I believe the bar being shown is the alert message bar which should only appear is valid circumstances. Have you seen this error elsewhere and can you suggest a solution?

Many thanks,
Christopher

[tristup]

Hi Christopher,

Thanks for reaching us.

The mentioned box under the contact form is the response output box which shows messages after submission of the form.
Like Success Messages or Error Messages during the form submission.

It usually invisible when page loads, and visible once you hit the Send button of the form.
When it loads it contains of a class wpcf7-display-none which makes that invisible.

But in your case it doesn’t contains that class, and that is the reason.

If you didn’t use any custom code to display the messages, I would like to suggest you to report the plugin author.

You can find out more solutions of common issues here -> https://theme.co/docs/common-issues
“It’s important that you do not skip any of those troubleshooting procedures because they are all relevant for your case”

Thanks

[whitemedia]

Thanks Tristup. I have contacted the plugin developer and will report back any results. I notice that others with similar, though slightly different problems have resolved it by clearing their theme’s cache. However, I have already cleared and switched off caches and still have the problem. There is no customisation of CF7 to my knowledge.

Thanks,
Christopher

[tristup]

Hi Christopher,

Thanks for the information, please let us know the feedback from the Plugin Author on this.

Thanks

[tristup]

Hi Christopher,

We found the issue and have posted this in our issue tracker so this issue will be queued for fixing by our development team.
Please stay tuned for the succeeding theme versions as the fix will be included in one of them.

Thanks

[krtyler05]

Hi there,

I’m having this same issue. I’ve reported it to the plugin developer, but based off of @tristup 's response, it could be on themeco’s end? Is that right?

For the time being, I’ve created a temporary solution by adding CSS to make the bar transparent and the error text red and larger so that it stands out without the bar behind it:

.wpcf7-response-output {
background-color: transparent;
box-shadow: none;
border: none;
color: #B83B2B;
font-size: 18px;
font-family: sans-serif;
}

[marc_a]

@krtyler05,

As my colleague said we already added this to our issue tracker. For a temporary fix, you can use this CSS code.

.wpcf7-response-output {
display: none;
}

I hope it will help to solve your issue.

Thank you.