Search code examples
csswordpresswoocommercelabeldropdown

Hide attribute label for variable products in Woocommerce Single product page

I am trying to hide the attribute label in woocommerce single product pages (the word "color" and "size" in attached image)…

enter image description here

Can anyone help me to fix this?

Solution

  • You should try to add in the styles.css file of your active child theme (or active theme):

    .single-product table.variations td.label > label {
    display: none !important;
}

    Tested and works.

    As you are using a plugin that display custom swatches, you will need to replace some selectors to make it work for you, until you will give a live link to your website.

    Without a live link to your website, is not possible to guess the html structure.