Wishlist icon, Quick view icon

Hi there, I m nearly there to finish up the site with your great theme. Please see the attached jpg, I just want to change the icons on product thumb (wishlist icon and quick view icon) with fontawesome icons. And I want to give color for idle state and hover state. Please help me out on the css, thank you.

Attachments:

You must be logged in to view attached files.

Hi,

Sorry, but it is not possible to make these icons as your shown on the screenshot. You can change their colors only. You can’t fill some area for them.

Regards

By changing the font from line to fontawesome they can be changed. Like it has been done on top right corner wishlist and shopping cart icons please see my site. By the way can you please tell me how to change their idle and hover colors? thanx

Specify which Font Awesome icons do you want to show there?

Font Awesome= f004 (heart)
Font Awesome= f06e (eye)

Here is a code for this

.yith-wcwl-add-to-wishlist a:before  {
	font-family: FontAwesome!important;
	content: "\f004"!important;
	color: red;
}

.yith-wcwl-add-to-wishlist:hover a:before  {
	color: blue;
}

.basel-buttons .quick-view>a:before  {
	font-family: FontAwesome!important;
	content: "\f06e"!important;
	color: red;
}

.basel-buttons .quick-view:hover>a:before  {
	color: blue;
}

Thank you very much
it worked
THANX VERY HELPFUL

You are welcome!

[Author]

Posts