BUG in Wishlist plugin (free version) didnt check the pro yet

Hello there,
thanks for contacting us!

To fix that, please add the following CSS in Appearance > Customize > Additional CSS:

.yith-wcwl-add-button span {
  display: none !important;
}

Could you check it, please?

Best regards.

its didnt fixed it because you have completely different HTML markup for when the product is already in the wishlist and also its different inside the product page..
you guys need to revamp your HTML markup asap and release a fix…
i will fix it via css myself but thats not a proper solution as you know.

by the way, i also see its different in related post as well.
its now fixed, took quite a bit of css to get the look and feel as before…

ill share my code, hope it will help people:

this is the code fot the shop/categories products grid:

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist{
top: 17px;
left: 15px
}
.yith-wcwl-add-button,
.yith-wcwl-wishlistaddedbrowse,
.product{
position: relative!important;
}
.yith-wcwl-add-button a svg,
.yith-wcwl-wishlistaddedbrowse a svg{
display: none !important;
}

.woocommerce ul.products li.product .yith-wcwl-add-button a,
.woocommerce ul.products li.product .yith-wcwl-add-button a .woocommerce span{
border-radius: 50%!important;
line-height: 0.7em!important;
padding: 13px!important;
background-color: #faf9f7!important;
font-size: 24px!important;
}
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse a{
border-radius: 50%!important;
line-height: 0.7em!important;
padding: 0!important;
background-color: #faf9f7!important;
font-size: 1px!important;
color: #fff;
}
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse a:before{
border-radius: 50%!important;
line-height: 0.7em!important;
padding: 13px!important;
background-color: #faf9f7!important;
position: relative;
display: block;
content: '?'!important;
font-size: 24px!important;
color: #cc3366;
}

——————————

this is the code to the related product (i had to add a class to the elementor widget):

.relatedProd .yith-wcwl-add-to-wishlist{
position: absolute;
top: 7px!important;
left: 15px!important;
z-index: 1!important;
}
.relatedProd .feedback{
display: none!important;
}

—————————–

this is inside the product page (also had to put custom class on the elementor widget):

.yithHeart .yith-wcwl-add-button a,
.yithHeart .yith-wcwl-add-button a .woocommerce span{
border-radius: 50%!important;
line-height: 0.7em!important;
padding: 13px!important;
background-color: #faf9f7!important;
font-size: 24px!important;
}
.yithHeart .feedback{
display: none!important;
}
.yithHeart .yith-wcwl-wishlistaddedbrowse a{
border-radius: 50%!important;
line-height: 0.7em!important;
padding: 0!important;
background-color: #faf9f7!important;
font-size: 1px!important;
color: #fff;
}
.yithHeart .yith-wcwl-wishlistaddedbrowse a:before{
border-radius: 50%!important;
line-height: 0.7em!important;
padding: 13px!important;
background-color: #faf9f7!important;
position: relative;
display: block;
content: '?'!important;
font-size: 24px!important;
color: #cc3366;
}

hope it helps people ??