How to change Checkout background color?

Hey @techpik

This can be done with some custom CSS code. Can you share a link to your site so we can check the source code? That will help us with giving you the CSS code you need for this.

Hey @techpik

Thank you for sharing the link. I noticed that you created your site with Elementor, and you should be able to change the background color of any section within the options for the Elementor block. I’m not an export on how to use Elementor, so for that I would suggest to check that with their own support team or their documentation.

You could use CSS as well, but I wouldn’t recommend it as it won’t look that great, and may not apply to all pages you want to use it on:

.woocommerce-checkout .ast-container > .elementor {
  background: red;
}

Try adding this as well:

.woocommerce-checkout .ast-container > .elementor #order_review_heading,
.woocommerce-checkout .ast-container > .elementor #order_review {
  background: white;
}