Cyber Monday & Friday 40% Deals Return Coupon code: Friday2025

Swatches Selected Tick Color Remains Default Color After Assigning Custom Color

Elero Obaitan

Hello,

Your plugin saved me some real headache as the alternative was to write code to change the product variation dropdowns to buttons. However, I can’t quite change the background color of a swatch in the selected state. Although I have set a custom color for it, it still shows the default color (#fff).

Also, can you tell me how to get rid of the swatch border in the selected state? I would not need it once I can change the swatch color to match my design in the selected state.

Thank you for any help you can offer. And thanks for the plugin!

Elero O.

Rezwan Shiblu

Hi there,

Thanks for reaching out to us.

You can change your selected background and border color from the swatches plugin settings > styling.

Here is the screenshot for better understanding – https://prnt.sc/xA10cvenpLdF

Note: This option is only available on our pro version plugin.

Thank you.

Elero Obaitan

Thank you.
I am using the free version and didn’t know it won’t work for me.

Hakik Zaman

Hi Elero,

Will you please share the color code and an exact product link to fix your tick color?

BTW, if you want to change the background, border, and text color while a swatch is selected (I mean selected swatches style), you need the premium version.

I hope it will clear up your confusion.

Thank You

Elero Obaitan

I have found a way around the original problem – changing the product variation dropdown to labels.

Thank you for your desire to help.
I am most grateful.