Woo variation dropdowns break when plugin is installed

Hi,

Thanks for reaching out to us.

Yes, by default our plugin converts the dropdown to button swatches. It is the default behavior of our plugin.

Disable this option from the plugin settings- https://paste.pics/RRKI0

Hope to hear from you soon.

Thank You

ok got it, this would actually be fine in our case except that each of the converted buttons seems to have a small black blob in the center which is making it hard to read the text inside the button. Any idea what that is and maybe how to get rid of it?

Hi,

Can you please share a link to check? It will help me to inspect the issue for you.

Hope to hear from you soon.

Thank You

Sure, here is a link to one of the products on our site. Looks like the black blobs are actually “down arrows” by the look of them.

https://bannergecko.com/product/bella-canvas-jersey-tee/

Hi,

Thanks for sharing the link. You are using the Divi theme and it is adding the arrow. Please add the following CSS at Appearance > Customize > Additional CSS

.et_pb_wc_add_to_cart form.cart .variations td.value span.variable-item-span:after {
    display: none;
}

Still not working? Try the following:

.et_pb_wc_add_to_cart form.cart .variations td.value span.variable-item-span:after {
    display: none !important;
}

After adding the above CSS, please clear all the caches like- browser cache, caching plugin cache, and server-side cache, and check the product page.

If it helps please share your feedback regarding the plugin experience here- https://www.ads-software.com/support/plugin/woo-variation-swatches/reviews/

Your feedback keeps us inspired.

Thank You

Thanks, that bit of CSS did the trick. Now that we’ve solved that issue, I’ll continue implementing the plugin fully to see how it works as a color swatch chooser for our clothing. I’m happy to purchase the plugin and rate it 5 stars if it does what we need it to.