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.

Thank you. Here is the link: https://bit.ly/woocommerce-checkout-page

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;
}

Thank you. It almost worked nicely. Is it possible that “Order Summery” section stays white like the two other forms.

Here a picture what I mean: Picture

Try adding this as well:

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

Super. Thank you very much for the help.

Hi again. I tried to use the same CSS codes in my second website which is using same theme and elementor but it does not work with that. Website is here https://tinyurl.com/same-theme-website