Remove from wishlist – just show heart

  • Resolved ivanproskoo

    (@ivanproskoo)


    3 years, 8 months ago

    Hi all,
    When I add an item to the wishlist – hover over a product and then click on the heart – it shows the ‘Remove from list’ text. When I hover over that text it also shows the grey heart.

    I want to remove that text so it’s just the heart.

    So when I click on the heart and add to the wishlist, and then hover again, I will just see the grey heart.

    This is how the code looks like https://prnt.sc/10bavnm

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi there

    Try to add the following snippet of CSS at the end of Additional CSS section of Customizer (WP Dashboard -> Appearance -> Customize)

    .yith-wcwl-add-to-wishlist a.delete_item {
    font-size: 0;
    width: 45px;
    height: 45px;
}

.yith-wcwl-add-to-wishlist a.delete_item:before {
    content: '\f233';
    font-size: 16px;
    color: #666;
}
    Thread Starter ivanproskoo

    (@ivanproskoo)

    Brilliant! Thank you so much!

    Works great!

    Plugin Author YITHEMES

    (@yithemes)

    You’re welcome!

    We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth

    Thread Starter ivanproskoo

    (@ivanproskoo)

    Hi, just one more small problem.

    Everywhere is working fine EXCEPT the shop page when I select the Layout list button.

    See screenshot here – https://prnt.sc/10cxt5e

    page: https://highnoon-sportshop.ch/shop/?layout_type=list&device_width=lg&life_time=yes

    Plugin Author YITHEMES

    (@yithemes)

    Hi again

    I added a couple of rules to the CSS that I sent you before
    Could you please try to replace previous code with the following one?

    .product.product-list .product-action .yith-wcwl-add-to-wishlist a,
.yith-wcwl-add-to-wishlist a.delete_item {
    font-size: 0;
    width: 45px;
    height: 45px;
    text-align: center;
}

.product.product-list .product-action .yith-wcwl-add-to-wishlist span {
    font-size: 0;
}

.product.product-list .product-action .yith-wcwl-add-to-wishlist a:before,
.yith-wcwl-add-to-wishlist a.delete_item:before {
    content: '\f233';
    font-size: 16px;
    color: #666;
    display: inline-block;
}
    Thread Starter ivanproskoo

    (@ivanproskoo)

    Works great thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove from wishlist – just show heart’ is closed to new replies.

Tags