Skip to content

 

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;
}


URL: