'Add to cart" icon on products
-
Hi,
Is it possible to change the “add to cart” icon on hover of desktop and on mobile appearance too? I have selected via Shop–>Products Styles–>Hover on product the quick style, however I would like to have the same icon on products with my main cart on my bottom header, set via your header builder.
Waiting for your advice on this.
Attachments:
You must be
logged in to view attached files.
Hi,
Try to add the following code snippet to the Custom CSS area in Theme Settings to change it
div.woodmart-hover-quick .woodmart-add-btn>a:before {
content: "\f107";
}
Regards
Hi,
Thank you for your snippet, it worked perfect.
May I ask you please where can I find the shortcodes, just like of the icon you gave me “\f107”?
I am asking you to be aware of it just in case that I may use different icon at my projects in the future.
Hello,
All codes are taken from https://fontawesome.com/v4.7.0/icons/
Enter the icon and find http://prntscr.com/l0qa1i
You need to specify font-family:FontAwesome;
Best Regards