Skip to main content

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 today

This feature is available on all Goodshuffle Pro Plans.

Looking for Squarespace? Click Here.

Looking for WordPress? Click Here.

Looking for Wix? 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?