WooCommerce Booster Custom CSS


WooCommerce Booster Custom CSS module lets you set separate custom CSS for front and back end.

WooCommerce Booster Custom CSS - Admin Settings

Here is a couple examples of what can be done with CSS:

Hide product categories on single product page:

div.product_meta span.posted_in { display: none !important; }

Hide product tags on single product page:

div.product_meta span.tagged_as { display: none !important; }

Hide “Update Cart” button on cart page:

form.woocommerce-cart-form button[name="update_cart"] { display: none !important; }
Accessible through:
  • WooCommerce > Settings > Booster > Emails & Misc. > Custom CSS
Tested on WooCommerce 4.8.0 and WordPress 5.6
Plugin can be downloaded here. If there are any locked fields in the module, you will need to get Booster Plus to unlock them.