How to hide the Gravity Forms AJAX spinner

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!

Comments

  1. James Simpon
    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
      Dario Space Staff 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,

  2. Batpig Dog Backpack
    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
    1. David Smith
      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.

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Trouble installing this snippet? See our troubleshooting tips.
  • Need to include code? Create a gist and link to it in your comment.
  • Reporting a bug? Provide a URL where this issue can be recreated.

By commenting, I understand that I may receive emails related to Gravity Wiz and can unsubscribe at any time.

Download Snippet

How to hide the Gravity Forms AJAX spinner

This field is for validation purposes and should be left unchanged.