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.
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.