Contact Form 7 ajax loader still not displaying

[designbythink]

Hi

Continuing from my first request that never got resolved and was then closed: Contact Form 7 in-progress spinner gif not displaying

The Contact Form 7 ajax loader is still not visible and it still causes confusion for my clients on ALL my websites built in X or Pro (over 30 of them).

You asked me to check the following:

1. Plugin Conflict – Disabling plugins doesn’t help.
2. Child Theme Related issue – There are no changes in my child theme.
3. CSS/JS Customization – Removing custom CSS doesn’t help. I have no custom JS to begin with.
4. Disabling Cache – Disabling cache doesn’t help.
5. Disabling CDN – There is no CDN on any of my sites.

@tristup also said this: " It has been found that the is-active class is not added to the ajax-loader while clicking into the submit button and that is the loader is not showing." with the below screenshots, but I honestly don’t know what this means, as I have made no such changes on any of my sites:

You also asked that I create a copy of my site on a staging server, but I simply do not have the time to copy client sites so that you can troubleshoot. The issue is also on all my sites, so I don’t know if it can be simply chalked up to an error or conflict on on one site.

I have recently tried a completely clean install without any plugins other than Cornerstone and Contact Form 7 and the loader was still not visible.

[nabeel]

Hi @designbythink,

Thank you for reaching out to us. To fix the issue, please add the following code in the Theme Options > CSS:

form.wpcf7-form.submitting .ajax-loader {
    visibility: visible;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[designbythink]

That worked! Thank you so much!

[tristup]

Hi @designbythink,

Glad that we are able to help you.

Thanks