Support » Everything else WordPress » Woocommerce Background Colour Trouble

  • Resolved flackcannon


    Hello all, new to the support forums here but I’m just having some trouble with changing the background colour of my woocommerce pages. I think something must be overwriting it with white when it should be a grey like the rest of my site. Im using DIVI theme and the DIVI builder.

    Here is my site.

    And here is a woocommerce page that is currently stuck white.

    If there’s anything else I can upload to help you guys figure this out let me know because I’m totally stumped.

    Thanks for reading!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steve Stern (sterndata)


    Forum Moderator & Support Team Volunteer

    I think this is it. Set the color to whatever you want/need.

    #main-content {
        background-color: #123456;

    To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter flackcannon


    That’s great Steve it seemed to have worked! It didn’t change the colour of the rest of the website so DIVI must be overwriting it but I’ve just matched it to the rest and its great!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce Background Colour Trouble’ is closed to new replies.