fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Swatches – White border and tooltip questions

Kamil Jurga

Hello,

I have 2 questions regarding Swatches plugin:

  1. In the color attributes, there is a white border around the swatches. How can I remove this border?
  2. 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.

screen.png

Hakik Zaman

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