Hi @ddmccaleb,
Thank you for using Neve!
You can try to change the background color of WooCommerce pages from the theme options and change the background of the other pages from the editor used there.
Another approach will be to target all the WooCommerce pages with custom CSS code for changing their color. The following code snippet should help in this regard, you can add it to the Additional CSS editor within the Customizer.
.woocommerce-shop.woocommerce-page .neve-main,
.archive.woocommerce-page .neve-main,
.woocommerce-cart.woocommerce-page .neve-main,
.woocommerce-checkout.woocommerce-page .neve-main {
background-color: #a5b0db;
}
Best regards,
Stefan
Hellow @ddmccaleb i have tryed your code ,i have tryed more codes from internet, but nothing i just want to have a colored ( preffered white or cyan ) background TO ALL MY SHOP ( category listing , subcategory listings , product listings.
I have managed to get 1 page with background color (i made my own woocommerce prime Shop Page ) and i have managed the product page to have colors and background as i want.
The rest of the pages are not with a white background
THIS IS CSS CODE i have aat the moment `body.page-id-6 {
background-color: white;
background-image: none;
}
body.single-product {
background: white;
}
.woocommerce div.product .summary .product_title {
color: #f00;
}
/* WooCommerce Short Description Text Color */
.woocommerce-product-details__short-description {
color: #f00;
}
/* WooCommerce Tabs Panel Text Color */
.woocommerce-Tabs-panel {
color: #f00
}
/* WooCommerce Product Meta Text Color */
.product_meta {
color: #f00;
}
/* WooCommerce Description Active Color */
.description_tab.active {
color: #f00;
}
/* WooCommerce Additional Info Active Color */
.additional_information_tab.active {
color: #077DBE;
}
/* WooCommerce Review Color */
.reviews_tab.active {
color: #077DBE;
}
/* WooCommerce Cost Color */
.woocommerce-Price-amount.amount {
color: #f00;
}
body.post-type-archive-product #page-header-bg span {
color: #444444 !important;
}
.woocommerce-loop-product__title {
color: #fff !important;
}
.entry-summary h1.product_title.entry-title {
color: #fff;
}
.woocommerce-shop.woocommerce-page .neve-main,
.archive.woocommerce-page .neve-main,
.woocommerce-cart.woocommerce-page .neve-main,
.woocommerce-checkout.woocommerce-page .neve-main {
background-color: #f00;
}`
I don’t know what to do,where to search for help…
Thank you , best regards.
Hi @djadisan!
Please provide us the URL to your site so we will be able to help you quicker.
Thank you!