Product Page Customisation

Hello,

this is a WooCommerce setting since the definition of the white background is in the woocommerce css file.

Please go into your WooCommerce settings and search for the setting.

Hi @ajinkyakotambe

You need to change some CSS.

If you only want to change the background, you need to use this CSS:

body {
  background-color: white;
}

If you want to remove the black background in the left sidebar, you need to use this CSS:

body, .ast-separate-container.ast-two-container #secondary .widget {
  background-color: white;
}

To add this CSS, you have to do these steps:

• Go to Appearance -> Customize.
• Click on Additional CSS.
• Add the CSS.
• Click on Publish.

• This reply was modified 1 year, 10 months ago by Jesús Amieiro.

Actually, I want to change the white color to black and even after writing
body { background-color: white; }
It’s not chnaging

In css you would need to use:

.ast-separate-container .ast-woocommerce-container{
    background-color: black!important;
}

But this is not a good solution! Use the normal WooCommerce customization settings

Thanks this worked.
Also can we add any border to the products listed?

or the whole products list?

Yes, you can add a border to the products like this:

.ast-article-post{
    border: 1px solid red;
}

Please check if the mobile version of your site is compatible with those styles.