Hiding Label via CSS

admin管理员组

文章数量:1201370

I'm trying to hide some text and a checkbox on this URL: /

Specifically, I'm trying to hide the "Copy from Billing Address" text and checkbox. This is currently being added to the page via a WooCommerce Wholesale plugin.

This is what the code currently looks like:

<label for="wwp_wholesaler_copy_billing_address">Copy from billing address</label>
<input type="checkbox" name="wwp_wholesaler_copy_billing_address" id="wwp_wholesaler_copy_billing_address" value="yes">

I was successfully able to hide the checkbox by adding this CSS:

#wwp_wholesaler_copy_billing_address { display: none;}

But I'm having trouble removing the label "Copy from Billing Address".

I tried using this CSS, but it isn't working:

label[for="wwp_wholesaler_copy_billing_address"] 
{ display: none;}

Any suggestions?

Thanks!

I'm trying to hide some text and a checkbox on this URL: https://bndlstech.com/wholesale-registration-form/

Specifically, I'm trying to hide the "Copy from Billing Address" text and checkbox. This is currently being added to the page via a WooCommerce Wholesale plugin.

This is what the code currently looks like:

<label for="wwp_wholesaler_copy_billing_address">Copy from billing address</label>
<input type="checkbox" name="wwp_wholesaler_copy_billing_address" id="wwp_wholesaler_copy_billing_address" value="yes">

I was successfully able to hide the checkbox by adding this CSS:

#wwp_wholesaler_copy_billing_address { display: none;}

But I'm having trouble removing the label "Copy from Billing Address".

I tried using this CSS, but it isn't working:

label[for="wwp_wholesaler_copy_billing_address"] 
{ display: none;}

Any suggestions?

Thanks!

• css
• labels

Share Improve this question asked Jul 13, 2021 at 19:08 CeladorCelador 333 bronze badges 1

• Where were you putting that label CSS block? I just tried adding it to a random CSS file in Chrome's dev tools and it disappeared. Also make sure you clear your cache and hard reload after making CSS changes (and if the CSS is enqueued in WordPress, ensure you're changing the version parameter to wp_enqueue_style) – phatskat Commented Jul 13, 2021 at 20:05

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

remove the quotation marks so it looks like the following

label[for=wwp_wholesaler_copy_billing_address] {
    display: none;
}

Try that and let me know if that works for you.

本文标签： Hiding Label via CSS