Latest Woocommerce update messed up my site!

Hello @boppar,

Thank you for reaching us.

I can see the issue that you’ve stated on your website. I looked into the applied CSS and noticed the CSS files were being delivered through the LiteSpeed cache. Would it be possible for you to disable the cache and check if the blocks load properly as they should?

Let us know if this helps.

Hello @boppar,

Thank you for getting back. I investigated your website and noticed you’ve added custom CSS for the onsale badge. This custom CSS is causing the sale badge to appear wide. Specifically, the below code:

.wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products ul li .wc-block-grid__product-onsale {
    left: 15px;
}

If set left:auto, this issue would resolve.

Hope this helps. Let us know if you need further help.

Hello @boppar,

Thank you for getting back. In that case, the CSS code should read like this:

.wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products ul li .wc-block-grid__product-onsale {
    left: 15px;
    right: auto;
}

Hope this helps.

Glad it worked. Please do not hesitate to reach us if you have any other questions about our plugin. We are happy to help.

If you are happy with our plugin and support, please let others know by rating our plugin.

Thank you.