Home Forums WoodMart support forum Change Cart icon and Color Reply To: Change Cart icon and Color

#34770

Artem Temos
Keymaster

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to change the icon

div.product-list-item .woodmart-add-btn>a:before, 
div.woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small) .woodmart-add-btn>a:before, 
div.woodmart-hover-button .hover-mask>a:before, 
div.woodmart-hover-info-alt .product-actions>a:before, 
div.woodmart-hover-quick .woodmart-add-btn>a:before, 
div.woodmart-hover-standard .btn-add>a:before,
div.quick-shop-wrapper .single_add_to_cart_button:before, 
div.cart-widget-side .widget_shopping_cart .empty:before,
p.cart-empty:before{
		content: "\f120";
}

p.cart-empty:after {
		margin-left: -22px;
    top: 92px;
}

div.cart-widget-side .widget_shopping_cart .empty:after {
		margin-left: -14px;
    top: 52px;
}

Unfortunately, it is not possible to show a different icon for products that are added to the cart.

Regards