Swatches – White border and tooltip questions

Hi Kamil,

Thanks for reaching out to us.

In the color attributes, there is a white border around the swatches. How can I remove this border?

To remove the white space, you can try the following CSS at Appearance > Customize > Additional CSS

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
padding: 0;
}

There is a default tooltip that seems to be provided by either WordPress or the Astra theme. How can I disable it? I am unable to inspect the CSS code because the tooltip disappears when I move my mouse pointer.

add_action('wp_footer', function(){
?>
<script id="gwp-remove-title-support">
jQuery('li.variable-item').removeAttr("title");
</script>
<?php
}, 99);

Hope to hear from you soon.

Thank You

Hi Kamil,

Glad to know it helps.

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

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

Your rating keeps us inspired.

Thank You