Moved: Reply To: Contact Form 7 missing send Notification for Customer

Hello Elise,

Can you please look at the video in the private content. You will see that since the latest Contact Form 7 update, there is an issue. Once you click the send email button, the confirmation bar has issues appearing smoothly. First the close “X” button appears, then about 2-3 seconds later the green bar.

It is not affected by other plugins and I cannot test on another theme as no other WP themes I have have this confirmation bar.

Thanks for checking on your test setup.

Hello,

Please, provide us your admin access so we can log in and check this on your side.

Thank you in advance.

Hello Eric,

Here are the details for the site which has just updated CF7 (latest version of Contact Form 7).

I attached again below the 2 videos to show you the difference between the contact form message bar before and after the CF7 update. I am not sure if this is a theme issue or one we need to speak to Contact Form 7 about (it is not related to our other plugins).

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

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

Best Regards

Thanks Elise but unfortunately no change. Please look at screen video I made after I added the CSS (in private content).

Hello,

Please replace the custom code provided before with this one:

body .wpcf7-response-output:empty {
	display: none;
}
body.notifications-sticky div.wpcf7-response-output {
	animation: initial;
	-webkit-animation: initial;
}
body.notifications-sticky .wpcf7-form.invalid .wpcf7-response-output,
body.notifications-sticky .wpcf7-form.unaccepted .wpcf7-response-output,
body.notifications-sticky .wpcf7-form.spam .wpcf7-response-output,
body.notifications-sticky .wpcf7-form.failed .wpcf7-response-output,
body.notifications-sticky .wpcf7-form.aborted .wpcf7-response-output,
body.notifications-sticky .wpcf7-form.sent .wpcf7-response-output {
	-webkit-animation: wd-fadeInUpBig .35s ease .5s both;
	animation: wd-fadeInUpBig .35s ease .5s both;
}

Best Regards

Hi elise,

Thanks for your continued support, however there is still an issue.
With that CSS, you cannot close the message bar.

I have removed the CSS, but please add again and try yourself to see the problem.

I think you will find the same issue on your own website. It is a problem between your theme and latest CF7. I think quite a few people have a problem with the latest CF7 update.

PS – If you also continually refresh the page before you add the CSS, you will see that the message bar close button “X” continually pops on in the right corner. That again should not happen.

Hello,

There are two ways of solving the issue: 1) roll back to the previous version of the plugin or 2) wait till we release the upgrade with the fix of the problem. For now, it is not possible to correct it completely.

Best Regards

He Elise,

Thanks for your reply. We have not yet updated on our live site so that is good news (only updated on our test environment).

Can you tell me of your next update will be in the next 4-6 weeks?

Thanks again

Hello,

We are going to release the new version by the end of the month.

Best Regards

Great news. Thanks again

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts