How to show icon Heart-O on image

  • Hi!

    I’m trying to set Heart-O as icon on image top to add products to Wishlist. When I chose Heart-O as “Add to wishlist” icon one doesn’t appear on image. Nut when I click on place where it should be it changed to whole heart as I chose (“Added to wishlist” icon – Heart).

    When I change “Add to wishlist” icon to any other – it works. But I need exactly Heart-O as “Add to wishlist” icon.

    I use free plugin version.

    Could you please help me to solve this issue?

    Thanks in advance,

    Olya

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there!
    Thank you for contacting us ??

    I have been checking and it seems there’s a problem with the FontAwesome library on your site.
    However, you can solve the issue with the following CSS:

    div.yith-wcwl-add-button i.yith-wcwl-icon {
    font-family: 'FontAwesome';
}

    You have to paste it into Appearance > Customize > Additional CSS
    Please, give it a try and let us know.

    Have a nice day!

    Thread Starter olgakobleva

    (@olgakobleva)

    Thanks! It helped!

    And if it’s possible to ask here, do you have an option to click on the heart and remove a product from the wishlist?

    Hi there,

    Unfortunately, that’s not possible. The products in the wishlist can only be deleted from the Wishlist page.

    Please, check it and let us know.
    Have a nice day!

    Thread Starter olgakobleva

    (@olgakobleva)

    Are you going to add such option? I believe it’s easy for you to write such code and it’ll make your plugin even more attractive.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to show icon Heart-O on image’ is closed to new replies.