Contact Form 7 - Spinner not working, old methods broken (April 2021)

Hi guys,

I’ve been trying really hard to get the CF7 Spinner Loading Gif back, but all of the older methods I found on this forum aren’t working. I saw mention that they changed the way it worked. There is no such thing as an images folder with a loading gif in anymore I think.

The problem is without the loading gif, customers are clicking on SUBMIT multiple times cause they think the forms isnt working. Its quite a problem on a few sites now.

I even tried installing a plugin that allows you to customize the spinner, but that didnt show either.
I think something has changed! If you guys know of other ways, please let me know.

I tried adding the code below to the functions.php on the site, but no win. I think it used to work, but doesnt anymore.

// Add loading gif to contact form
// =============================================================================
add_action(‘wp_head’, ‘add_loader_gif’);
function add_loader_gif() {
echo ‘.wpcf7 .ajax-loader{background-image: url(’. plugins_url() .’/contact-form-7/images/ajax-loader.gif);visibility:hidden;display:inline-block;width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}.wpcf7 .ajax-loader.is-active{visibility:visible}’;
}
// =============================================================================

Thanks a lot!

Hi @ChrisDeBruyne,

Thanks for reaching out!

I suspect this could be a bug and have reported it to the developers for investigation. Please check the changelog/release from time to time to check if the changes have been made.

Note: We don’t have an exact time when this will be fixed.

Thank you.

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