How to change or disable loading background color in the cart?

[mrtnz]

Hello, I would like to change the loading background color (in the cart and at the checkout page) to transparent or just disable it so it would be invisible. Could you please guide me on how to do that?

I use ‘Dark theme’ mode enabled and I also use this custom CSS for checkout page:

.global-color-scheme-light .checkout-order-review:before {
    background-image: none;
}
.global-color-scheme-light .checkout-order-review:after {
    background-image: none;
}
.global-color-scheme-light .checkout-order-review {
    background-color: #1a1a1a;
}
.wd-table-wrapper {
    background-color: #00000000;
}
.payment_methods .payment_box {
    background-color: #232323;
}
.payment_methods .payment_box:before {
    color: #232323;
}

• This topic was modified 2 years, 1 month ago by mrtnz.

Hello,

Thank you very much for choosing our theme and for contacting us.

body.woocommerce-cart .blockOverlay,
body.woocommerce-checkout .blockOverlay {
	background-color: transparent !important;
}

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.woocommerce-cart .blockOverlay,
body.woocommerce-checkout .blockOverlay {
	background-color: transparent !important;
}

Best Regards

Thank you, it works.

On a single product page, I have a similar problem when I click on the product to enlarge the photo. During loading, I wish I could not see the difference in background color.

(Sending you short video)

Hello,

I am afraid it is not possible. You need to make the product background and the background of the photo swipe the same colors.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts