Change the background color of the single products

  • ashkanahmadi

    (@ashkanahmadi)


    5 years, 3 months ago

    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)
  • Amit Singh

    (@apprimit)

    5 years, 3 months ago

    Hello,

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

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

    (@yusna)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    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.

    yusna

    (@yusna)

    5 years, 3 months ago

    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.