Change wishlist icon from "tick" to "red-heart" icon.

Hi, how can I change the ‘tick’ icon when we click the wishlist to a ” heart red shape ” ?

Attachments:

You must be logged in to view attached files.

Hello,

To change the icon of the Wishlist added a tick. You need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-action-btn.wd-wishlist-btn > a.added::before {
content: "\f109";
font-family: "woodmart-font";
}

You can set the icon according to your needs.

Best Regards.

Hi, I added the css but there is change. The tick is still appearing.

Hello,

Please provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Hi, credentials as per below.

Hello,

I have changed the tick icon with the red heart icon on your website. Please clear cache and check back.

Screenshot for Clarification: https://ibb.co/WKRxc8t

Best Regards.

Hi,

Can I change to a solid red heart shape instead of just the border red? As attached. I tried to key in the unicode on fontawesome but it’s not working.

Attachments:

You must be logged in to view attached files.

Hello,

Our theme supports only Font Awesome 5 sets, and you are using Font Awesome 4 set icons as well, that is why the issue occurs on your site, so we suggest you only use Font Awesome 5 set Icons for better performance of your site.

OR

If you still want to use those icons then try with the below given solution.

You need to add the font library manually in your website. By adding the following script in the header.php file of your child theme. Then you can use all the icons from font awesome 4.

<script src="https://use.fontawesome.com/a9e8be7baf.js"></script>

Best Regards.

Hi there,

Are you able to install for me the font awesome 5 icon then? As I tried but still failed.

Thanks

Hello,

Please Go to Theme Settings >> Performance >> CSS >> Font-Awesome Library.

Screenshot for Clarification: https://ibb.co/0n4kQzt

Set it to always use and then add the icon you want.

Best Regards.

Hi,

I have enable font awesome 5 always use but still unable to show the icon I want.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached. As I mentioned in one of my previous replies. Our theme supports only a set of font-awesome5 icons.

If you want to use the other icons, then you need to add the library manually. If you are still unable to use the icons after adding the library then tell me I will add it for you.

Best Regards.

Hi,

Yes please assist to help me change the tick to a red heart shape icon. As send to you in my previous replies. Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I have tried to create a child theme on your website and the website displayed a 403 error. Please Provide with FTP or Cpanel details of the website. Because currently the website is displaying 403 errors when I tried to create a child theme.

Screenshot for Clarification: https://imgur.com/eKvc7ge

I have reverted back to the changes I made.

Best Regards.

Hi, FTP details as attached.

Hello,

I have added the library on your website. Now you can use any icon of the Font-Awesome5 on your website.

Please clear cache and check back and add the icon according to your needs.

Best Regards.

[Author]

Posts