To get started changing colors or customizing the fonts on your Website Integration, you'll want to first open where you'll be entering some Custom CSS - you can find the correct instructions based on your provider below.
The snippets of code from our this article can be used to change several things on your site, helping you customize your branding through your Website Integration. For example, let's say you wanted a Red Search button. You'd use this code snippet,
/* search button */
.gspro-o-search > .gspro-o-button {
background-color: red !important;
}
Pasted wherever Custom CSS exists in your site. Below is an example on a Squarespace site.
If you want to change the color, you can use this Color Picker for the correct name/hex code.
It's helpful to copy/paste ALL CSS snippets, and then determine which you'd like to keep!