Change background color only in store page

DimitrisKulu

Hello,

I am using betheme (bebeauty2) and would like the css for changing the background color only for the woo commerce (store) page
http://www.lemonweb.gr/templatebeauty2/products/
and the woo commerce (product) pages i.e. http://www.lemonweb.gr/templatebeauty2/product/durcisseur-cure-express-11-ml/

Also in the product pages, when the background color is not white, a  rectangle shaped, white box appears, which I would like it to be removed
https://pasteboard.co/GR6mckM.jpg

Thanks

 

DimitrisKulu

UPDATE
Actually found a way using following css for woocommerce store page

Theme: Be Beauty2

/* change background color in store-product page*/
.template-slider #Content, .with_aside #Content {
background-color: #fff !important;
}

/* change background color in the  - display for each product - page-1*/
.woocommerce .product {
background-color: #fff !important;
}

/* change background color in the  - display for each product - page-2*/
.woocommerce .section {
background-color: #fff !important;
}
/* change background color in the  - display for each product - page-3*/
.woocommerce #Content {
background-color: #fff !important;
} 

/* change background color of Product Category widget on the store-product page */
.widget_product_categories ul {
background-color: #fff !important;
color: black !important;
}  

/* change font color of Product Category widget on the store-product page */
.widget_product_categories ul li a {
color: #56514e !important;
}   
The above worked for me, if there is another simpler way or less wordy css, would be nice to know

Also, regarding the "rectangle shaped, white box" mentioned above, I found that it was the social share box, which for some reason did not display correctly on firefox (chrome & edge were fine)  So I disabled it alltogether from  Blog,Portfolio,Shop>General >Blog, Portfolio, Shop Section>Share Box - (Hide)
If there are any ideas why there is this issue with firefox would be also nice to share

thx

Bryan

Hi,
glad you worked it out
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Rotacon

any idea on how to just change colot on the price box and product description background as i cant seem to get this ruight regardless what i try

Bryan

RotaconHi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next