Support

Home Forums Event Espresso Premium EE4 How To Float Checkout Ajax Spinner To Always See

EE4 How To Float Checkout Ajax Spinner To Always See

Posted: September 24, 2017 at 1:22 pm


jmahan

September 24, 2017 at 1:22 pm

Using Latest EE4 and WP.
Is there a way to Float the AJAX Spinner for Checkout so it always displays in the view. Depending on Device it may only be seen if they scroll up. If they can’t tell it is still working sometimes visitor exits page.


Josh

  • Support Staff

September 25, 2017 at 10:16 am

Hi there,

The spinner is set to display the distance of 25% of the page’s height from the top. If they’re having to scroll up to see it, you might try setting that to 50%. You can change this by going to the Appearance -> Customize section of the admin, and there is a tab labeled ‘Additional CSS’. If you go into the customizer, you can add some code like this to change the location of the spinner. Please paste the code between the dashed lines into the stylesheet:

—————————————-

#espresso-ajax-loading {
top: 50%;
}

—————————————-

Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

The support post ‘EE4 How To Float Checkout Ajax Spinner To Always See’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso