css Woocommerce - 购物袋和Checkout CSS覆盖。

Posted 2021-05-13

.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;
}