Change icons on empty card, empty wishlist and empty compare pages
-
Hi,
I would like to change the icons on empty cart/wishlist/compare pages.
Do you have an available css for this?
The picture I would like to use is the one in the private area.
Kind regards,
Hello,
Try to view your icon, it is not workable.
Please add this code to the Theme Settings > Custom CSS > Global:
body .cart-widget-side .widget_shopping_cart .empty:before {
content: " ";
width:64px;
height:64px;
background-image:url(http://web.net/wp-content/uploads/2020/04/svg-medical-first-aid-kit.svg);
background-size: cover;
background-position:center center;
background-repeat: no-repeat;
margin:20px auto;
display:block;
}
.cart-empty:before {
content: " ";
width:64px;
height:64px;
background-image:url(http://web.net/wp-content/uploads/2020/04/svg-medical-first-aid-kit.svg);
background-size: cover;
background-position:center center;
background-repeat: no-repeat;
margin:20px auto;
display:block;
}
.woodmart-empty-wishlist:before {
content: " ";
width:64px;
height:64px;
background-image:url(http://web.net/wp-content/uploads/2020/04/svg-medical-first-aid-kit.svg);
background-size: cover;
background-position:center center;
background-repeat: no-repeat;
margin:20px auto;
display:block;
}
.woodmart-empty-compare:before {
content: " ";
width:64px;
height:64px;
background-image:url(http://web.net/wp-content/uploads/2020/04/svg-medical-first-aid-kit.svg);
background-size: cover;
background-position:center center;
background-repeat: no-repeat;
margin:20px auto;
display:block;
}
Please insert valid image URLs
Best Regards
Thanks for this, work perfectly!
You are welcome! If you have any questions please feel free to contact us.
Best Regards
.
