Support » Plugin: YITH WooCommerce Wishlist » Wishlist Icon not displaying

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Antonio La Rocca

    (@therock130)

    Hi there

    as far as I can see, the problem appears to be cause by interference between FontAwesome 5 (loaded by the theme) and FontAwesome 4 (loaded by wishlist plugin)
    Indeed, if I specify the correct CSS rules for the icon

    i.yith-wcwl-icon.fa.fa-heart-o:before {
        content: "\f004";
        font-family: "Font Awesome 5 Free";
    }

    everything works as expected (screen)
    My suggestion here, if your theme already loads FontAwesome, is to just remove the version loaded by our plugin, using the code you can read here

    Thread Starter thebeautystore

    (@thebeautystore)

    I have cleared the cache and checked the page after making this change.

    It still remains the same, the font awesome icon is not displaying

    Plugin Support Antonio La Rocca

    (@therock130)

    Hi there

    Unfortunately I cannot see the CSS code I suggested in action on your example page
    If I try to add it manually using Dev tools, this is the result that I get:

    Screenshot

    Thread Starter thebeautystore

    (@thebeautystore)

    I have added the css you have provided.

    Now when you click add to wishlist the icon changes to a square.

    Plugin Support Antonio La Rocca

    (@therock130)

    You’re right

    You can try to change previous CSS snippet as follows

    i.yith-wcwl-icon.fa.fa-heart-o:before {
        content: "\f004";
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
    }
    i.yith-wcwl-icon.fa.fa-heart:before {
        content: "\f004";
        font-family: "Font Awesome 5 Free";
    }

    This should work for your specific configuration

    Thread Starter thebeautystore

    (@thebeautystore)

    This has worked. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.