Head to your websites Custom CSS section (Article)
Change the Background color of the Item Card:
gspro-item-card {
background: rgb(250, 250, 250);
}
Change the Background color of the Item Card only when you hover over it:
gspro-item-card:hover {
background: rgb(255, 255, 255);
}
Put the entire title of an Item on the Item Card (may shrink Picture Size):
gspro-item-card .gspro-o-card__title {
color: #0;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis
}Change the color of the title of the Item within the Item Card:
gspro-item-detail .gspro-c-item-detail__title {
color: red;
}
Change the color of the Price as well as the width and color of the border around the Price within the Item Card:
gspro-item-detail .gspro-c-item-detail__price {
border: 1px solid black;
color: black;
}
To determine a different color, use this Color Picker.
Your colors are now customizable!
To view all available options for customizing your Website Integration, check out this article.