Created
December 6, 2013 11:00
-
-
Save dompascal/7821981 to your computer and use it in GitHub Desktop.
Woocommerce CSS overide
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { | |
| margin: 0 10px 10px 0 !important; | |
| width: 32% !important; | |
| } | |
| .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { | |
| clear: none !important; | |
| } | |
| .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { | |
| margin: 0 !important; | |
| } | |
| .MagicZoomBigImageCont { | |
| border: none !important; | |
| } | |
| .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { | |
| width: 100% !important; | |
| height: auto !important; | |
| } | |
| .woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { | |
| width: 40%; | |
| float:left; | |
| margin: 0 10px 10px 0 !important; | |
| } | |
| input.plus, input.minus { | |
| text-align: left !important; | |
| text-indent: 5px !important; | |
| } | |
| input.minus { | |
| text-indent: 7px !important; | |
| } | |
| .woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button { | |
| color: white !important; | |
| text-transform: uppercase; | |
| font-family: 'ProximaNovaSemiBold'; | |
| text-shadow: none !important; | |
| font-weight: normal !important; | |
| font-size: 0.8em; | |
| height: 30px !important; | |
| line-height: 30px !important; | |
| padding: 0 10px !important; | |
| } | |
| .woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li label { | |
| display: none; | |
| } | |
| .woocommerce table.shop_table, .woocommerce-page table.shop_table { | |
| border: none !important; | |
| } | |
| .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { | |
| border-top: none !important; | |
| border-bottom: none !important; | |
| } | |
| body.woocommerce-checkout h3 { | |
| border-bottom: none; | |
| font-size: 1em; | |
| } | |
| body.woocommerce-checkout form label { | |
| margin: 0 0 10px 0; | |
| } | |
| .woocommerce ul.cart_list, .woocommerce ul.product_list_widget, .woocommerce-page ul.cart_list, .woocommerce-page ul.product_list_widget { | |
| width: 100%; | |
| } | |
| body.woocommerce-checkout section.body-content .left table { | |
| margin: 0; | |
| } | |
| .woocommerce-page table.shop_table thead th { | |
| background: black; | |
| color:white; | |
| text-transform: uppercase; | |
| } | |
| .woocommerce-cart form.shipping_calculator { | |
| width: 50% !important; | |
| } | |
| .woocommerce-cart form.shipping_calculator input { | |
| border: none; | |
| } | |
| .woocommerce-cart section.shipping-calculator-form { | |
| display: block !important; | |
| } | |
| .woocommerce-cart .cart_totals th { | |
| border-bottom: none !important; | |
| } | |
| .woocommerce-checkout table.shop_table, .woocommerce-cart table.shop_table { | |
| font-size: 1.1em !important; | |
| text-transform: uppercase; | |
| } | |
| .woocommerce-cart table.shop_table td.product-remove { | |
| width: 10px; | |
| padding: 0 !important; | |
| font-family: 'ProximaNovaLight'; | |
| color:black; | |
| font-size:1.2em; | |
| } | |
| .woocommerce-cart table.shop_table th.product-thumbnail { | |
| text-indent: -30px; | |
| } | |
| .woocommerce-cart table.shop_table td.product-remove a { | |
| color:black; | |
| } | |
| .woocommerce-cart table.shop_table td.product-remove a:hover { | |
| background: black; | |
| color:white; | |
| } | |
| .woocommerce-cart table.shop_table .actions { | |
| padding: 0 !important; | |
| } | |
| .woocommerce-cart table.shop_table .actions input.button, .woocommerce-cart table.shop_table .actions input.checkout-button { | |
| width: 49.5%; | |
| } | |
| .woocommerce-cart table.shop_table .actions input.button { | |
| float: left; | |
| } | |
| .woocommerce-cart table.shop_table .actions input.checkout-button { | |
| float: right; | |
| } | |
| .woocommerce-checkout #order_review tr.cart-subtotal th, .woocommerce-checkout #order_review tr.cart-subtotal td { | |
| border-top:2px solid black !important; | |
| } | |
| body.woocommerce-checkout h3#order_review_heading { | |
| margin: 30px 0 0 0; | |
| } | |
| .woocommerce-cart .cart-collaterals .cart_totals { | |
| width: 50% !important; | |
| } | |
| .woocommerce-cart .cart-collaterals .cart_totals table { | |
| width: 100%; | |
| font-size: 1.2em; | |
| text-transform: uppercase; | |
| } | |
| .woocommerce-cart .cart-collaterals .cart_totals table tr.total th, .woocommerce-cart .cart-collaterals .cart_totals table tr.total td { | |
| border-top:3px solid black; | |
| font-size: 1.2em; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks for this. It's exactly what I was looking for.