• Resolved ddmccaleb

    (@ddmccaleb)


    How can I change the background color of all my shop pages to white? We need the main website background to remain as is, but to change the background of all shop and woocommerce pages to white. Any suggestions? Many thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    Thread Starter ddmccaleb

    (@ddmccaleb)

    Thank you!

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change background color for all store pages’ is closed to new replies.