CF7 Success message not showing

Hi guys!

Contact form submissions are working on https://iamsure.co.za/ but there is no success message on the front end, so the user doesn’t know whether their form has been submitted or not.

  • Am using latest version of Pro
  • Recently updated website to PHP 7.4
  • CF7 also updated to latest version

Please help?
Thanks,

I also have this issue right now. Not using pro, but everything else up to date.

Hello @ChrisDeBruyne,

Thanks for writing in!

Please insert [response] shortcode below your form or at least anywhere in your form layout to display the form response message. You might want to check this out:

@Viney:
Be advised that self responding to your thread or bumping anyone’s thread pushes it back in our Queue system so it takes longer to respond to. At this time we kindly ask that you open up your issue in a separate thread along with your login details. We have removed your credentials because @ChrisDeBruyne can see it and you won’t see it.

Best Regards.

@ruenel thanks for your response.

Adding the shortcode didn’t make a difference, but after inspecting I saw the .wpcf7-response-output class was set to display: none; . I’ve since changed it to inline-block BUT there is now a small empty box under the contact form at all times, when I only need it to pop up after a form submission. I think this is a CF7 bug.

Do you know if there’s a way to show the .wpcf7-response-output class only once a user has clicked ‘Submit’?

1 Like

We’ve got the same problems and customers got trouble getting to know if they actually send the form or not.

There was a problem with X and CF7 in the past where this small empty box was shown all the time. I do think Themeco set the display:none in the newest update of their theme but that’s no proper solution as is hides the messages completly.

1 Like

Hello. Just to say that I am also having the same problem (and have been for a while) so it might not be uncommon. I tried the fix above and it didn’t make any difference.
Thanks

Hello @mimifakhri, @TrendRaider, @ChrisDeBruyne,

It might be the issue of any plugin conflict or custom styling overring the Contact-form-7 styling. For the quick fix, I would suggest you add this custom CSS code under X/Pro—>Theme Option —>CSS.

form.wpcf7-form.sent .wpcf7-response-output {
display: block !important;
}    

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.
Thanks

No child theme, no third party plugins @prakash_s. I’ve checked this. It’s something in the newest version of your Pro theme that is hiding the CF7 notices completely.

2 Likes

Hey Alex,

I suspect that this is a bug in the recent release. This has already been added to our issue tracker and will be looked into by our development team. I cannot make any promises relating to a fix at this stage. I will add a note to the tracker referencing your report though so our dev team can see there are multiple reports of the issue.

Best Regards.

Thank you @prakash_s @ruenel

1 Like

Hi @ChrisDeBruyne,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

On the other hand, please check the changelog from time to time for the new updates.

Thank you.

Hi!

Same issue here. Hope you find a fix soon :slight_smile:

Can confirm this issue as well!

Same issue - now following this.

Also here, aditionally, my forms wont get submited at all when PRO theme or Woocomerce are active!

1 Like

Just pointing out - this does resolve the issue. At least on mine.

hi there,
glad i found this thread. the css from prakash works for me.
but since this issue is long standing (i was still using the css to supress the permanent visibility of that notice) it would be really nice if you guys could fix this soon and preferably 4ever :wink: (just kidding)
best wishes, kai

Hi Everyone,

I can confirm this issue has been corrected for the next point release. It will likely be going out this evening.

1 Like

I have the same issue, i updated to the last version but still doesn’t show the success message

Hello Everyone,

Could you please update to the latest versions?
Our latest versions are:

  • Pro theme 4.2.3 or
  • X theme 8.2.3
  • Cornerstone 5.2.3
  • WordPress 5.7
  • PHP 7.4

This latest release contains fixes for several issues so be sure to check out the changelog:

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.