Wishlist icon, Quick view icon

This topic has 7 replies, 3 voices, and was last updated 7 years, 2 months ago by Bogdan Donovan.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
September 23, 2017 at 8:44 am #20083

Oscar
Participant

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.

September 23, 2017 at 12:50 pm #20090

Artem Temos
Keymaster

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

September 23, 2017 at 12:58 pm #20099

Oscar
Participant

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

September 23, 2017 at 1:09 pm #20102

Artem Temos
Keymaster

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

September 23, 2017 at 1:13 pm #20103

Oscar
Participant

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

September 23, 2017 at 1:17 pm #20104
Artem Temos
Keymaster
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;
}
```
September 23, 2017 at 1:30 pm #20107

Oscar
Participant

Thank you very much
it worked
THANX VERY HELPFUL

September 24, 2017 at 6:44 am #20112

Bogdan Donovan
Keymaster

You are welcome!
Author

Posts