Skip to content

Instantly share code, notes, and snippets.

@AdamNatad

AdamNatad/woocommerce-change-spinner-and-overlay-style.css

Last active February 20, 2022 17:12
Show Gist options
  • Save AdamNatad/8f39a80fbf0f002c610c917aa46d9b2f to your computer and use it in GitHub Desktop.
Save AdamNatad/8f39a80fbf0f002c610c917aa46d9b2f to your computer and use it in GitHub Desktop.
Download ZIP
WooCommerce Change Spinner and Overlay Style CSS
Raw
woocommerce-change-spinner-and-overlay-style.css
/* Checkout Loader */
.blockUI.blockOverlay {
background-image:url('https://woocommerce-722142-2403447.cloudwaysapps.com/cac_uploads/2022/02/339-f.gif') !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
background-size: 96px 96px !important;
}
.processing .blockOverlay {
background-image:url('https://woocommerce-722142-2403447.cloudwaysapps.com/cac_uploads/2022/02/339-f.gif') !important;
background-position: center 30% !important;
background-repeat: no-repeat !important;
background-size: 96px 96px !important;
}
/* Checkout page processing spinner */
.woocommerce-checkout.processing .blockUI.blockOverlay {
background-image:url('https://woocommerce-722142-2403447.cloudwaysapps.com/cac_uploads/2022/02/339-f.gif') !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
background-size: 96px 96px !important;
}
/* Woocommerce - blockUi style */
div.blockOverlay {
background-color: #BC5E3A !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment