remove hover of color name bubble

When you hover your mouse on color variations, you will see a black bubble indicating the name of the color. I want to remove it. I already have the black border on hover. This is enough. So I don’t need that color name hover. Pls tell me. I couldn’t find the css to display:none .

Hello,

Add this JS snippet On document ready into the Theme Settings > Custom JS:

jQuery('.colored-swatch.woodmart-tooltip,.image-swatch.woodmart-tooltip').tooltip('destroy');

Best Regards

It’s gone! Actually I don’t want to think much about color names, which have to be shown to the people and may not be accurate to the picture variations and they may confuse. Since I focus on picture variations, not color. So I don’t need it. The products will be however look the same to the picture variations.

Thanks!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts