Woocommerce CSS overide
.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;
}