How do I use something other than a heart icon?
Colin Connor avatar
Written by Colin Connor
Updated over a week ago

Looking for Squarespace? Click Here.


You can use custom CSS to hide our icon and display one of your choosing. For a complete example and explanation, checkout our developer documentation website.

If you're looking for a basic snippet though, you can use this. Just remember to replace "your-url-here" and "your-other-url-goes-here" though 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?