All Collections
How can I setup and install the Website Integration?
Branding and Colors
Can I customize the Website Integration icon for WordPress?
Can I customize the Website Integration icon for WordPress?

How do I change my Website Integration 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?