• Hello, I cant seem to find the option to remove the white box, The box disappears when I remove all the custom WooCommerce features but I cant seem to find the option to change the color in the theme editor nor the widget options, any ideas?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello @fanl11,

    Thank you for reaching out,

    All styling options for WooCommerce are in this path: WP Dashboard > Appearance > Customizer > Advanced Styling. And to set the background color for the products, you can find the “background color” option in the Advanced Styling > Product Entry.

    I hope this helps.
    Best Regards

    Thread Starter fanl11

    (@fanl11)

    Fount it! It was the product entry background option, it was marked with a light blue color so I asumed that wasnt it but when I changed it I was able to change the color of the background. Thanks.

    • This reply was modified 4 months, 1 week ago by fanl11.
    Thread Starter fanl11

    (@fanl11)

    Hello, im sorry, problem still persists, the live version of the site still shows the white background even tho i changed the styling option, every time I save the changes and go back the white background color shows again.

    • This reply was modified 4 months, 1 week ago by fanl11.

    Hello @fanl11,

    Thank you for reaching out,

    It seems it’s a cache issue, if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, in Elementor, please don’t forget to click on the regenerate all assets file and data in Elementor > Tools; and finally use hard-refreshing keys and recheck the issue. To refresh the page, please follow the steps explained in this link:
    https://www.documate.org/automation/what-is-a-hard-refresh-how-to-do-a-hard-refresh-in-any-browser/
    https://www.usmobile.com/blog/how-to-do-a-hard-refresh-on-your-browser/

    To clear cookies, use this icon: https://postimg.cc/0rtp7SS9.

    Summary:
    Win: Ctrl+Shift+R
    Mac: Shift+Command+R

    If the above step didn’t help you, you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .woocommerce ul.products li.product:not(.product-category) .woo-product-info,
    .woocommerce ul.products li.product:not(.product-category) .woo-product-gallery {
        background: #bababa !important;
    }

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    I hope that helps.
    Best Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.