Contact Form Orange Box Showing Up Before Submitting

Hi,

I am using the Contact Form 7 plugin that comes with X theme.
Currently, there is an orange box that appears below the form even before users make a submission.
I tried this with multiple contact forms and the problem persist. Will you know what the issue is?
I believe the box is to inform users that they have made a successful submission. I will like it to be hidden before the submission, and have it appear only after a submission or when there is an error.

Thank you so much.

Hello @bentkieran,

Thanks for writing to us.

This is an issue of our Theme. It has been already reported to our development team. It would be updated with the next release. Till then you can use a temporary fix CSS and add this code to your X> Theme Options* then CSS.

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

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

1 Like

this works perfectly. thank you!

Hello @bentkieran,

Glad that we are able to help you

Have a nice weekend!
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.