Home › Forums › WoodMart support forum › Change background color on Cart and Checkout pages

Change background color on Cart and Checkout pages

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 9, 2026 at 8:40 pm #715574

    just-click.it
    Participant

    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.
    April 10, 2026 at 1:56 pm #715641

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    April 11, 2026 at 2:32 pm #715742

    just-click.it
    Participant

    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.
    April 13, 2026 at 8:49 am #715815

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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
Viewing 4 posts - 1 through 4 (of 4 total)