Change heart to star not working

Hi there

It seems that your theme is customizing Add to Wishlist icon
Please, try to add this CSS code to Additional CSS section of theme customizer

.yith-wcwl-add-to-wishlist a.add_to_wishlist:before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse:before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse:before{
    font-family: FontAwesome;
    content: '\f005';
}

It will change theme’s default heart with a star

Hi @yithemes,

Thank you for your reply. This is the solid icon, though. I would like for the star to be outlined when not activated, and solid when activated. How do I achieve that? And also, I use the topbar in my theme. The wishlist icon is still a heart there..

Thanks for your help!

Regards,

Dionne

Hi Dionne

Please, try replacing the previous style that I provided, with what follows:

.yith-wcwl-add-to-wishlist a.add_to_wishlist:before{
    font-family: FontAwesome;
    content: '\f006';
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before{
    font-family: FontAwesome;
    content: '\f005';
}

.site-header-wrapper .site-tools .wishlist-button .spk-icon:before{
    font-family: FontAwesome;
    content: '\f006';
}

Here some screenshot of your site after customization
Screen 1 (empty star)
Screen 2 (added to wishlist)

@yithemes

That did it!
Thank You Very Much!!!!