Skip to content

Instantly share code, notes, and snippets.

@dompascal
Created December 12, 2013 15:43
Show Gist options
  • Save dompascal/7930031 to your computer and use it in GitHub Desktop.
Save dompascal/7930031 to your computer and use it in GitHub Desktop.
Woocommerce - Shopping bag & Checkout CSS Override.
.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