Styling the color swatch
Read here where to safely add the CSS below to your site.
Add a border
By default, color swatches don’t have a border. You may want to add some. This can be done with this CSS:
Supply your license key to unlock the code
Since this is a custom-coded snippet, please enter your license key so we can verify your purchase.
Change #000 to any color you like. Change 1px to any thickness you like.
Change the selected border
You may also want to change the “selected” border color, which shows up when a swatch has been selected. By default, a dark border will be shown. See the orange swatch below:
To change this border color or thickness, you can use the CSS below:
Supply your license key to unlock the code
Since this is a custom-coded snippet, please enter your license key so we can verify your purchase.
Change #000 to any color you like. Change 2px to any thickness you like.