This feature is available on all Goodshuffle Pro Plans.
To change the look of your Website Integration’s Add to Wishlist button, you’ll add custom CSS in your site builder’s stylesheet or Custom CSS section.
Looking to adjust the CSS on your Wix site? Follow this guide for adding custom code to your Wix site.
Below are common examples you can use.
1. Change the Background Color of the Add Button
To only change the background:
/* card add button color */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
2. Change Only the Icon Color
To change just the icon inside the button:
/* card add icon color */
.gspro-c-item-card__add use {
fill: green !important;
}
4. Change Both Background and Icon Color
You can combine both snippets:
/* card add button color */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
/* card add icon color */
.gspro-c-item-card__add use {
fill: green !important;
}
4. Change Add Button on Hover
To change the button on hover:
gspro-item-card .gspro-o-card__add:hover button {
background: #1A1A1A;
}Fallback: Alternative Button Selector
If color doesn’t apply in certain browsers, try:
button.gspro-o-button {
background: pink;
}
Tip
Use a Color Picker tool to determine your desired color hex code (e.g., https://colorpicker.com or built‑in tools in your browser dev tools).
Your colors are now customizable!
More Customization
To customize other elements (font colors, badges, etc.), see the Website Integration Color Customization Guide.
Need Additional Support?
Click the blue chat bubble in the bottom corner of your screen to message our support team—we’re happy to help!