First, head to your website's Custom CSS section (Article)
Change ONLY the Background color of the "Add to Wishlist" Button:
/* card add button color */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
Change ONLY the Icon color of the "Add to Wishlist" Button:
/* card add icon color */
.gspro-c-item-card__add use {
fill: green !important;
}
Change BOTH the Background and Icon color of the "Add to Wishlist" Button:
/* 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;
}
Change the color of the "Add to Wishlist" button when you hover over it:
gspro-item-card .gspro-o-card__add:hover button {
background: #1A1A1A;
}
The below button CSS should only be used if you notice that your website, in a particular browser or device, is not changing colors.
Change ONLY the Background color of the "Add to Wishlist" Button:
button.gspro-o-button {
background: pink;
}To determine a different color, use this Color Picker.
Your colors are now customizable!