All Collections
How can I setup and install the Website Integration?
Branding and Colors
How can I change the Item Card background color on my Website Integration?
How can I change the Item Card background color on my Website Integration?

Here's how you can change the background color of your Website Integration Item Cards.

Jake Scotto avatar
Written by Jake Scotto
Updated over a week ago

Head to your website's Custom CSS section (Article)

Enter this snippet of code to change the background of your item cards:

gspro-item-card { 
background: rgb(250, 250, 250);
}

The default color is White. To change the color, use this Color Picker to determine the correct Red, Green, and Blue numerical value. For example, let's say I wanted an aqua blue. I'd use the color picker,

Then, adjust the above code to include the correct RGB value:

gspro-item-card { 
background: rgb(0, 255, 255);
}

Paste this code into your Custom CSS,

Your colors are now customizable!

You can use rgb or a hex code to change the colors of each element.

To view all available options for customizing your Website Integration, check out this article.

Did this answer your question?