Product page black heart on added to wishlist

  • Resolved wildaeco

    (@wildaeco)


    1 year, 2 months ago

    Hello,

    I’m using a YITH Wishlist plugin for a products page (here it works fine) and for a single product page.

    On a single product page, after clicking a heart icon, I’d like to have the heart icon filled (black inside) but instead of this the text shows up: Remove from list or View ?. How can I change it to have icon after clicking? Also the second click on the black heart should remove the product from the wishlist.

    I tried the options from the image below but they only apply to for products not single product page.

    Regards,
    Adam

Viewing 1 replies (of 1 total)
  • Thread Starter wildaeco

    (@wildaeco)

    Hi,

    Managed to resolve it by this code:

    .yith-wcwl-add-button .delete_item::before {
    font-family: uncodeicon; /* Use the appropriate font family / font-size: 22px; / adjust as needed / content: ‘\f004’; / Unicode for heart icon / margin-right: 5px; / Add some space between icon and text / position: relative; top: -3px; / Adjust this value as needed / transform: translateY(0); / Reset any translation on the y-axis */

    }

    /* Remove “Remove from list” link text / .yith-wcwl-add-button .delete_item { font-size: 0; / Set font size to 0 to hide the text / } / Hide “or” and “View ?” text */
    .yith-wcwl-add-button .separator,
    .yith-wcwl-add-button .view-wishlist {
    display: none;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Product page black heart on added to wishlist’ is closed to new replies.