How to hide the Gravity Forms AJAX spinner

/ Updated October 28, 2022 / 5 Comments

You may have seen our article on how to change the default Gravity Forms ajax spinner but what if you want to remove it completely?

It’s actually quite simple. All you need to do is add the following CSS snippet to your theme’s stylesheet (style.css). Enjoy!

body img.gform_ajax_spinner {
	display: none !important;
}

Hat tip to @chrishajer!

Did this resource help you do something awesome with Gravity Forms?

Then you'll absolutely love Gravity Perks; a suite of 47+ essential add-ons for Gravity Forms with support you can count on.

View All Perks Buy Now

Comments

James Simpon December 10, 2022 at 6:49 pm

Hi is there any way to give a delay for the spinner exit with a fade out while exiting as it feel a stuck while loading the next page

Reply
1. Dario Space December 12, 2022 at 6:32 am
  
  Hi James,
  
  We don’t have any solutions for this use case. If you have an active Gravity Perks license, reach out through our support form, and we’ll take a look to see if this is possible.
  
  Best,
Batpig Dog Backpack March 12, 2020 at 9:22 pm

Enjoyed reading the content above, really explains everything in detail,the article is very interesting and effective.

Best regards, Abildgaard Raahauge

Reply
Michael Couyou May 30, 2018 at 9:41 pm

Nice tip. It works well but not in a modal via an embedded form. Is there a way this can be done?

Reply
1. David Smith Staff May 31, 2018 at 8:55 am
  
  It works for me in a modal. I suspect there may be another conflict at play.