Change background color on Cart and Checkout pages

Hello,

I am using the Woodmart theme on my WooCommerce website and I would like to customize the background color specifically for the Cart and Checkout pages.

Currently, these pages have a grey background, but most of my product images have a white background. This creates a poor visual contrast and negatively affects the overall appearance and user experience.

I would like to set a white background only for the Cart and Checkout pages, while keeping the rest of the website unchanged.

I have already tried changing the global background settings and adding custom CSS, but some elements (like the main content wrapper or internal containers) still appear grey.

Could you please advise:

Which specific classes or theme options control the background of Cart and Checkout pages?
The best way to apply this change without affecting other pages?

Thank you in advance for your support.

Best regards,
Gennaro Salvi

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the theme preset feature of our theme for a specific condition (Post ID) for the cart and checkout page and choose the background color from Theme Settings > Styles and colors > Pages background > All pages background.

Here is our documentation on how to use theme presets: https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards,

I already have all the backgrounds set to white. I don’t understand where that gray is coming from. I need to set the cart and checkout backgrounds to white.

Attachments:

You must be logged in to view attached files.

Hello,

You are using a custom layout for cart and checkout pages, Edit the layout with elementor > Edit the “Container” and under the “Style” tab you will be able to change this color.

Best Regards

[Author]

Posts