Change the background color of the single products

  • Hello

    I have changed the background color of my website to light grey #f9f9f9 but I would like the background color of the single product pages to be white. How can I do this? I use Elementor to make the website except the single pages because I like how the single product template looks but I would like the background color of all the single product pages on WooCommerce to be white. I use the css

    body {
    background-color: white;
    }

    when I design my products using elementor and it looks fine but when I save and look at the actual pages, they appear grey again.

    How can I make this happen?

    Thank you

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    Add the below code to the Customize > Custom CSS section and check it works or not.

    body.single-product {
    background-color: #ffffff;
}

    Hi ashkanahmadi

    if you need for all single products add the new selector class from custom.css or customize panel –> Custom CSS/JS and insert this
    .single-product { background: white; }

    Thread Starter ashkanahmadi

    (@ashkanahmadi)

    Thanks. I checked but it’s strange because when I go to the Customizer and paste the CSS, the background shows white but when I press Publish and view the page, it goes back to light grey. Not sure what’s going on here.

    Clear your cache browser after saved
    if use cache plugin recommended to do it

    check again please!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change the background color of the single products’ is closed to new replies.