All Collections
How can I setup and install the Website Integration?
Branding and Colors
How do I use something other than a heart icon on my Website?
How do I use something other than a heart icon on my Website?

Want to use an icon other than the standard Heart? Here's how!

Colin Connor avatar
Written by Colin Connor
Updated over a week ago

Looking for Squarespace? Click Here.

Looking for WordPress? Click Here.

If you're looking for a basic snippet, you can use this. Remember to replace "your-url-here" and "your-other-url-goes-here" with a URL to your images!

gspro-item-card gspro-icon {
  background-image: url("your-url-here");
  background-size: cover;
  background-repeat: no-repeat;
}

gspro-item-card gspro-icon svg {
  display: none;
}

gspro-wishlist .gspro-c-wishlist__trigger gspro-icon {
  background-image: url("your-other-url-goes-here");
  background-size: cover;
  background-repeat: no-repeat;
}

gspro-wishlist .gspro-c-wishlist__trigger gspro-icon svg {
  display: none;
}
Did this answer your question?