Change red cross in shop basket WooCommerce

Author: 

Jos Vermeulen

---

Description: 

If font awesome is not declared you’ll have to do that first. Then insert the css found below.

---

Kind:

CSS, woocommerce

---

CSS:

/* Remove from shop basket */

.woocommerce a.remove {
text-indent: -9999px;
line-height: 0; /* Collapse the original line */
}

/* Put dustbin in its place */

.woocommerce a.remove::after {
font-family: "FontAwesome";
content: "\f014";
font-size: 1em;
color: #909090;
text-indent: 0;
display: block;
line-height: initial;

}

/* Make HOVER state */

.woocommerce a.remove:hover::after {
color: white!important;
padding: 0.1em;
background: rgb(175, 51, 11);
border-radius: 30px;
}

---