Icon Changes

I was wondering if there is a way to change the icons on the hover over items. For example when you hover over the item in the all product page and a little shopping cart icon appears I would like to change that to different icon because I am not selling items more informational.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

This icon can be changed with CSS. You need to upload the image to the Media library and then set the button image. Let us know if you need our help and provide Media library image URL.

Best Regards

Yes I will need some assistance on changing the icons. Thanks

Hello,

Please provide the image URL and page URL.

Best Regards

iamge url
https://alkalinefacts.com/wp-content/uploads/2023/08/info-circle-solid.svg

page url
https://alkalinefacts.com/all-items/

Hello,

I have checked the image it is Awesome icon and we can add it as it is.

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

body .wd-add-btn-replace .add-to-cart-loop::before {
    content: "\f05a";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

Please make sure the Font Awesome icons have been enabled on your site. You can enable it in the Theme Settings > Performance > Font icons > set “Always use”.

Best Regards

[Author]

Posts