Product Swatch border

Hi,

The white color swatch merged into the white background of the webpage. Can you provide the css fix?

The swatches will be shown on single product page, shop category grids, various widgets and carousels.

Thank you.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.swatch-on-grid.swatch-with-bg {
    border: 1px solid grey;
}

.woodmart-woocommerce-layered-nav .swatches-normal .filter-swatch>span {
    border: 1px solid grey;
}

Regards.
Xtemos Studios

It didn’t change. Could you please take a look again? Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS for that.

.swatch-on-single.swatch-with-bg {
    border: 1px solid grey;
}

Best Regards

Swatches on the product grid are still not bordered.
Please take a look.
https://hyggelifestylehk.com/category/fashion/

The swatches on the single product page are now bordered.

My bad. It’s the website cache problem. The swatches are fine now. Thank you.

Hello,

We are Glad that your issue has been Resolved.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts