Want To Duplicate Product Variations With Its Price, Image, SKU and etc? Download This Free Plugin

Color swatch remains white

Kelvin Ong

Hi guys,

The color swatches now remain white, despite the colors being specified in attributes.

The URL to this product is:

https://www.mantisfpv.com.au/gemfan-hurricane-51466-durable-3-blade-set-of-4/

2021-05-04_18-00-14.jpg

Hakik Zaman

Hi Kelvin,

Can you please give us a temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Hakik Zaman

Hello Kelvin Ong,

Thanks for temporary access to your site.

Please check this page. I have fixed the color visibility issue. I have added below code here.

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color {
width: 26px;
height: 26px;
display: block;
}

Before checking please don’t forget to clear your cache (WP rocket & Browser).

Please let me know, issue is resolved or not from your end.

Thanks

Kelvin Ong

Legend! Fixed it! Well done and thank you.

Was this caused by the Theme itself?

Hakik Zaman

Hi Kelvin,

Yes, some of css of theme is overriding our plugin css. That’s why it caused invisible color issue.

We really get excited & honored when you use our plugin in your site.

If you found my support helpful, could you please leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Thank You