1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Change selected image swatch border
  1. Home
  2. Knowledge Base
  3. Product Page
  4. Change selected image swatch border
  1. Home
  2. Knowledge Base
  3. Front End
  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?

Need More Support?

If you can't find the answer that you're looking for, then please use the link below to raise a support ticket.
Contact Support

Related Articles