the whit color does not display correctly on colors property list

I had added the color attribute to my products since I want to create a variant product with different colors
the colors attribute are displayed in the product page in circle with white background
so the color attribute is not displayed correctly
is there a way to make the circles containg the colors have black border , so the white will be displayed correctly

Hello,

Please, attach some screenshots or the website link for a better understanding of where you need to do this.

Kind Regards

The following is the link of the page containing the issue:
https://shopping-online.site/product/eames-plastic-side-chair/
For this product there are 3 color attributes: red , black and white
but since the background is white, it is not clear that there is a white attribute
as for black and red.
a screenshot is attached also

Attachments:

You must be logged in to view attached files.

Hello,

In order to highlight the white switch, please, try to add this custom CSS in Theme Settings -> Custom CSS -> put this code in the field “Global Custom CSS”

.swatch-on-single[data-value="white"] {
  border: 1px solid #333;
}

Kind Regards

[Author]

Posts