Home Forums WoodMart support forum Change wishlist icon from "tick" to "red-heart" icon.

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

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #194277

    mdhaziq92
    Participant

    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.
    #194308

    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.

    #194327

    mdhaziq92
    Participant

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

    #194337

    Hello,

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

    Best Regards.

    #194345

    mdhaziq92
    Participant

    Hi, credentials as per below.

    #194352

    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.

    #194355

    mdhaziq92
    Participant

    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.
    #194507

    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.

    #194782

    mdhaziq92
    Participant

    Hi there,

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

    Thanks

    #194809

    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.

    #195031

    mdhaziq92
    Participant

    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.
    #195167

    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.

    #195168

    mdhaziq92
    Participant

    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.
    #195174

    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.

    #195180

    mdhaziq92
    Participant

    Hi, FTP details as attached.

    #195216

    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.

Viewing 16 posts - 1 through 16 (of 16 total)