Home>Support>Woocommerce Products Page Custom Background

Woocommerce Products Page Custom Background

By rlet Alb, 7 years ago. Last reply by Zippo0275, 5 years ago.

Hello SiteOrigin!

I need your help, because I can’t change my Woocommerce Products Background.

On my site, I use custom background image, but I want to remove the background image from my Woocommerce Products Page, and I want to add a color (#FFFFFF) to my products page…

I use this code, but now working… (My woocommerce products page id=16)

.page-id-16 #main {
background-color: #ffffff;
background-image: none;

Can you help me? What’s the issue ? :/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 4 months ago rlet Alb

    Hi all!

    My problem has been solved with this CSS code. ;)

    .woocommerce #main {
        background-color: #FFFFFF;
        background-image: none;
  2. 7 years, 4 months ago Daniel Hi, I Work Here

    Hi Rlet,

    Perfect :-)

    Always feel free to open a new thread whenever you require support. Thanks for sharing what you did to :)


  3. 5 years, 10 months ago nabodit patra

    Yes I am also able to change my Product background colour. Thanks for that
    But plz tell me the Home page background colour css code

  4. 5 years, 9 months ago Zippo0275

    help i cant find the code to change the background color of my shop page

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More