Home / Admin / WooCommerce Styling
Duplicate Snippet

Embed Snippet on Your Site

WooCommerce Styling

Custom WooCommerce styles

<10
Code Preview
css
.woocommerce .commentlist .comment-text {
	padding-bottom: 0;
}
.woocommerce .commentlist img.avatar {
	margin: 1.5rem 1.5rem 0 1.5rem;
}
.woocommerce-product-gallery img {
	width: 100%;
}
.woocommerce-info, .woocommerce-message {
	background: #f8f8f8;
}
.product .single_add_to_cart_button  {
	float: right;
	height: 55px;
}
.product .w-filter.state_desktop.style_drop_default .w-filter-item-title, .product .select2-selection, .product select, .product textarea, .product input:not([type="submit"]), .product .w-form-checkbox, .product .w-form-radio {
	border: 2px solid;
	background: var(--color-content-bg) !important;
}
.product .plus, .product .minus {
	height: 3.1rem;
}
.basket-page .w-tabs.accordion>div>.w-tabs-section, .checkout-page .w-tabs.accordion>div>.w-tabs-section:last-of-type {
	border: 0;
	border-bottom: 0;
}
@media screen and (max-width: 768px) {
	.product .single_add_to_cart_button  {
		float: none;
		height: initial;
		display: block;
		margin: 1rem auto;
	}
}

Comments

Add a Comment