collection page, colors swatches not appear correctly (some colors appear to be missing)

[pearlle]

Hello all,

Thank you in advance for your help.

I'm having this issue here, In the Collection pages, some colors swatches seem to be missing, BUT in the products page all the colors appeared correctly.

I've already added the colors swatch (.PNG) files in the assets as well, but still unable to resolve the issue.

Thank you in advance for your help and input.

Pearlle. 

[KetanKumar]

@pearlle 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[pearlle]

Www.pearlle.com

Thank you very much

[KetanKumar · Accepted solution]

@pearlle 

thanks for URL

that was white color swatch doesn't show proper so please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.product-swatch-inline__dot {border: 1px solid #ccc;}

[pearlle]

@KetanKumar 

Thank you,  

The code you provided is great, added the border to the colors swatches, help with display the white color properly.

Thank you very much!

Pearlle.

[KetanKumar]

@pearlle 

yes, its my  pleasure to help us