- Free Woocommerce CSS Code Snippets
- No need to go through checkout (just read this page)
Modifying Woocommerce CSS by UBOTEM
$0
Product Description
When using Woocommerce there are many times that you may wish to modify the shop or product pages.
Also checkout our Other MODs for Woocommerce
The best way is to override the CSS where possible, to achieve the results you want.
Better than hardcoding a file with a mod, as files need updating sometimes and you will have to re-mod your site.
For example this item has no add to cart buttons and had been hidden as code is on this page 🙂
Here are a few CSS snippets that are useful and thought would share;
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the Add to Cart button on single item */ .postid-20 .single_add_to_cart_button { display: none!important; } |
Useful when integrating JVzoo payment buttons or maybe other payment buttons.
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the Add to Cart button on all item pages */ .woocommerce .single_add_to_cart_button { display: none!important; } |
Useful if wanting clients to contact you or use store as a showcase.
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the Add to Cart button on the search pages affects all items */ .woocommerce .products .add_to_cart_button { display: none!important; } |
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the Add to Cart button on the search pages affects single item */ .postid-20 .add_to_cart_button { display: none!important; } |
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the product images on single item */ .postid-20 div.images { display: none!important; } |
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the affiliate button on the search pages affects all items */ .woocommerce .products .product_type_external { display: none!important; } |
1 2 3 4 5 |
/* Snippet from www.ubotem.com */ /* Hides the quantity selector on single item */ .postid-115 .cart .quantity { display: none!important; } |
Reviews
There are no reviews yet.