June 24, 2018
Change the X into dustbin WooCommerce
Author:
Rodolfo Melogli
Description:
What’s the easiest way to change the little icon/button on the Cart page that has the function of removing items from the cart (yes, that ugly white cross on a red circle)?
Kind:
CSS, woocommerce
CSS:
/* Hide the "x" */
a.remove {
text-indent: -9999px;
border: 0;
}
/* Add a Fontawesome icon instead */
/* Learn More in the Following Paragraphs */
a.remove:before {
font-family: FontAwesome;
content: "\f1f8";
float: left;
text-indent: 0;
}