css Woocommerce CSS overide

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 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;
}

以上是关于css Woocommerce CSS overide的主要内容,如果未能解决你的问题,请参考以下文章

css woocommerce按钮css

css Woocommerce产品档案/查看CSS

css Woocommerce CSS overide

css WooCommerce添加到购物车按钮CSS

css WooCommerce添加到购物车按钮CSS

css WooCommerce添加到购物车按钮CSS