Change the Cart Icon in Shop For On Hover on Products

How can i change the Cart Icon in Shop for On Hover

Kindly Check here : https://prnt.sc/vauumu

Hello,

Please provide your site URL so that we could provide you with custom CSS. If your site is under maintenance, please provide your site admin access in the private area

Best Regards

Kindly find it in Private Content

Hello,

Here is the code for changing shopping cart:

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

You can take any free icons from https://fontawesome.com/icons or set the styles of the custom image, if you need help, please provide the image URL.

Best Regards

Thank you . One more things , how do i link the specific icon to css

For example , I want to use https://fontawesome.com/icons/affiliatetheme?style=brands

When i download it gives me svg file. Do i need to upload it to server and link the SVG in the content part of CSS ?

Hello,

If you want to set this icon you need to replace the content: content: "\f07a"; in the code, I have provided.

What icon do you want to replace?

Best Regards

[Author]

Posts