Remove product colour swatch border

[emilyaugstudios]

Hi, does anyone have any advice on the best way possible to remove the border around colour swatches in symmetry theme? If possible I want to be able to keep the black border that highlights the colour selected by the customer but remove that light grey boarder from all the colour option?

Thank you!

URL – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

[pawankumar · Accepted solution]

Hi @emilyaugstudios 
Please put this code in theme.liquid before body closing tag </body>

<style>
.swatch-style-icon_square .option-selector .opt-label--swatch:not([data-swatch="white"])::after,
.swatch-style-icon_square .option-selector .opt-label--image::after,
.swatch-style-icon_circle .option-selector .opt-label--swatch:not([data-swatch="white"])::after,
.swatch-style-icon_circle .option-selector .opt-label--image::after {
   border: none;
}
</style>

 Please press Like and Mark Solution if you find it helpful.

Thanks!