Reply To: Whishlist Icon custom

[Hung Pham]

Hi izabeladaiana766,

There are no solid icons with WoodMart icons. You can try below methods:

– Navigate to Elementor > Settings > Advanced tab and enable Load Font Awesome 4 Support option https://prnt.sc/kSegrN7ToMiT

– Remove previous CSS code and use below one:

/* Keep Wishlist always visible */
.wd-quick-shop .wd-buttons[class*="wd-pos-r"] {
    opacity: 1;
    visibility: visible;
    transform: none;
}

/* Change Wishlist icon to Solid by using FontAwesome icons */
.wd-quick-shop .wd-wishlist-icon>a:before,
.wd-quick-shop .wd-action-btn.wd-wishlist-icon>a.added:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
  content: "\f004";
}

/* Change added Wishlist icon color */
.wd-quick-shop .wd-action-btn.wd-wishlist-icon>a.added:before{
	color: #FF0000;
}

https://prnt.sc/ahgiQ6D48cn9

Regards,

• This reply was modified 9 months, 1 week ago by Hung Pham.