changing wishlist icon everywhere

Hey there,

I have successfully changed the header icon for the wishlist to a star via font awesome, however, that’s the only place where its been changed.

I would like to know how i can change it for the following places:
-wishlist page: shows a big heart in the middle of the screen
-hover over products: shows a small heart icon similar to the original header heart
-are there any other places i missed?

Thanks and greetings,
Koen

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

For the Product Grid items:

body .wd-action-btn.wd-wishlist-btn>a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-weight: 10;
}

For the wishlist page:

.woodmart-empty-wishlist::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-weight: 10;
}

Regards.
Xtemos Studios.

Thanks! this works as expected.

Most Welcome 🙂

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards.

[Author]

Posts