Reply To: Styling and Filters

1. CSS code snippets need to be added to the Global Custom CSS area in Theme Settings.

2. You can add the following custom code to add a border to all product swatches, but it has limitations:

– space between border and swatch can’t be added.
– border-color can be only one for all swatches.
– custom code will also change the border around image swatches in sidebar widgets.

body .wd-swatch.swatch-with-bg,
body .filter-swatch.with-bg {
	border: 1px solid #000 !important;
}

You can change border color by replacing #000 with your own value.

Kind Regards