1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Product Page
  5. Change selected image swatch border
  1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Change selected image swatch border

Change selected image swatch border

When you’re using the image swatch field, selected items are highlighted with a grey border.

You can update this using the Customizer – just follow the steps in this article.

Or you can change the colour of the border using this simple CSS snippet:

.pewc-radio-image-wrapper label input:checked + img,
.pewc-checkbox-image-wrapper label input:checked + img {
border: 4px solid #ff0000;
}

You can add this to your theme or child theme’s style.css file or to the Customizer > Additional CSS section.

Was this article helpful?

Related Articles