Replace icon (- & X)

Hi, I want to replace the icon (- & X) with this Fontawesome “\f2d4”. and remove the text “REMOVE”. I mean I just want this icon “\f2d4” to replace everything and stand alone there, no hover as well. Could you pls tell me the css code? See the screenshot.

Attachments:

You must be logged in to view attached files.

This is located i the wishlist page and also remove the one in the cart off-canvas as well, at the right top corner.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-wishlist-remove,
body .widget-heading .close-side-widget {
    padding-right: 0;
}
body .woodmart-button-remove:before,
body .widget-heading .close-side-widget:before {
        display:none;
}
body .woodmart-button-remove:after,
body .widget-heading .close-side-widget:after {
        position: relative;
        display: inline-block;
    content: "\f2d4";
    font-family: FontAwesome;
    background-color: transparent;
        width: 15px;
        height: 15px;
        line-height: 15px;
        margin-top: 0;
        margin-left: 2px;
}
body .widget-heading .close-side-widget:after {
    margin-left: 5px;
}
body .woodmart-button-remove:hover:after,
body .widget-heading .close-side-widget:hover:after {
   -webkit-transform: none;
   transform: none;
}

Best Regards

Great! I’ve adjusted your code and add a little bit to meet my need. Now this is the result I want. Thanks!

Attachments:

You must be logged in to view attached files.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts