Return to previous page

Need to change the Loader during checkout

This topic has 2 replies, 2 voices, and was last updated 3 years, 11 months ago ago by Olga Barlow

Aman

Participant

May 13, 2020 at 07:29

Hi,
Is there a way to change this loader image during checkout?
The almost transparent background makes it looks like the screen is frozen and nothing is happening.

Is there a way to use a customer loader for this?

#237011 Copied Theme version: 6.3.3 WooCommerce version: 4.1.0

1 Answer
Olga Barlow

Support staff

May 13, 2020 at 11:18
Hello,

We use the following code to add that animated spiner and bg
```
.blockOverlay:before,
div.wpcf7 .ajax-loader:before,
div.pp_default .pp_loaderIcon:before {
  content: '';
  animation: rotate .75s infinite linear;
  width: 18px;
  height: 18px;
  border: 1px solid #e1e1e1;
  border-left-color: #888888;
  border-radius: 50%;
  display: inline-block;
}
.blockOverlay {
  background: rgba(255, 255, 255, 0.5) !important;
}
```
Copy it to your Custom CSS and edit according to your needs.

Regards
#237054 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Makeup Store – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Application – WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

HandMade Store – WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WooCommerce Theme

lazy-placeholder

Bags Store – WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.