fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Image swatch border color change

Adeel Anjum

Hi there,

I have recenly installed this plugin on my site for variation swatches. It is working fine. But I want to make little change to the border of my image swatch which comes in black color by default. I want to change its color and make it little thick but I am not able to find out its class or id so that I can change the CSS. It would be highly appreciated if you could tell me how I can change do these changes.

If you want to see it on my site you can see using this URL https://carcolognes.com/product/savage/

Regards,
Adeel

Hakik Zaman

Hi Adeel,

Thanks for reaching out to us.

Controlling the styling of “selected” and “hover” Swatches is a premium feature.

You can try the following selector for hover & selected variation:

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover

For non-selected variation try this selector:

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item)

As it is a premium feature I can provide this support at most.

I hope you will understand.

Thank You