Change product add to cart icons to a bag

Hi Xtemos,

I would like to change the icon of a trolley to that of the bag that I can change for cart section in the header to the bag icon.

I previously used this solution that called a Fontawesome icon, although this wasn’t similar to the cart header bag icon.

.wd-buttons .wd-add-btn>a:before {
    content: "\f290";
    font-family: fontawesome
}

I would prefer not to use a fontawesome icon as I don’t want to preload fontawesome on my site. Is their a way to use the existing cart header bag icon instead? As this is all ready called and built within the theme. It does seem a little odd not to be able to change it.

Attachments:

You must be logged in to view attached files.

Hello,

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

body .wd-add-btn-replace .add-to-cart-loop:before {
    content: "\f126";
    font-family: "woodmart-font";
}

Best Regards

Hi Elise,

The code doesn’t appear to be doing anything. The trolley icon is still showing sadly

Hello,

Please, provide your site admin access to the private area.

Best Regards

Thank you

Hello,

Please replace the code with this one:

body .wd-add-cart-icon>a:before {
    content: "\f126";
}

Best Regards

[Author]

Posts