How to hide the “processing” after user submits payment.

I tried using this method

https://gist.github.com/New0/2f8203671270bedd4dcb87a0214160f4?fbclid=IwAR14ZQpjoarYU0ImBF8QRi9HEkQ9i8kNbiLgcZc0ZzSRIe-Um40BxlCmZqc#file-ds-spinner-php

by creating a ds-spinner.php and adding it to the plugin folder and then adding the additional css but it did not work.

Try to add style display – none to id of your spinner)

@odeal4ik I cant find the id for the spinner because it goes away before I can get the inspect element to work. Any idea what the ID for the stock “processing” thing is?

@bmartin3211 try in admin disable “button styles”

.loadingDS-container

.loadingDS-container {display: none !important; }

worked perfectly by adding to additional css for anyone wondering!

Hello @bmartin3211 ,

Thank you for using Direct Stripe.

I’m gad you found a solution. Be aware that it is better to edit the spinner animation than hiding it. If it is hidden, nothing will happen on screen while the transaction is being processed, depending on the internet connection that can take time and mislead the user before the redirection.

The gist example you found is an example of how to edit the animation but you can also use the filetr hook alone to hide the animation. Use the ‘direct_stripe_processing_transaction_spinner’ filter hook used in the gist example, paste the code from ds-spinner.php in your functions.php file in your (child-)theme and return null instead of the html markup, that will hide the animation.

I hope this will help.

Thank for your help @odeal4ik that’s appreciated.