I want to replace the cart icon

Hello, I want to replace the cart icon (screenshot 2) with the bid icon (screenshot) when I hover over the product. How to do it?

Attachments:

You must be logged in to view attached files.

Hello,

First of all, You have missed to upload the (screenshot 2), please share the (screenshot 2) again so that I’ll help you out accordingly.

Thanks.

.

Attachments:

You must be logged in to view attached files.

Hello,

Please copy and paste the below given CSS code to Theme Settings >> Custom CSS >> Global Custom CSS and check your site after removing the browser cache and you can change the Icon code in the given code as per your requirements.

.woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:before {
    content: "\f0e3";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

Result: https://ibb.co/5YY7JPS

Best Regards.

This does not work…Check, please

Attachments:

You must be logged in to view attached files.

Hello,

I have fixed the issue on your website and now the add to cart icons are changed as you required. Please clear cache and check back.

Video for Clarification: https://gofile.io/?c=qYMNHD

Best Regards.

In a grid of 4 products, everything is OK on my desktop, but I use a grid of 5 columns of goods. It turns out that the icon does not change on smaller screens, for example like mine or in the mobile version or if you change the style of the products

–

Attachments:

You must be logged in to view attached files.

Hello,

I have fixed the issue on your website and now it is working absolutely fine on my end on both desktop and mobile. Please clear the cache and check back.

Screenshot for clarification: https://ibb.co/1f7gZQy

I have added the below given CSS code to your site Theme Settings >> Custom CSS.

.wd-action-btn.wd-add-cart-btn>a:before {
content: "\f0e3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
} 

Best Regards.

It works thanks

Most Welcome!!!..

Well, [email protected]!.., it’s been great chatting with you! I hope I resolved your issues thoroughly.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts