GiveForms Docs

Search Docs
⌘ K
Understanding GiveForms
Integrations
No items found.
Docs
/
Donation Popups
/
Form styles

Form styles

Set the popup's two colors: the primary for buttons and highlights, and the secondary background.

Form Styles sets the popup's two colors. Click the Form Styles tab in the left sidebar of the editor.

The two colors

  • Primary: used for call-to-action buttons and highlights, including the donate button and the selected states on amounts and frequencies. Use your brand's strongest action color, dark enough that white button text stays readable.
  • Secondary: used as the background color behind the form. Light, low-saturation tints work best, so the white form elements stay legible against it.

Check it in context

The popup renders over your own website, so the colors need to hold up against your site's palette, not just the editor's gray canvas. Open preview mode and check every width before publishing. See Preview and test transactions.

Was this helpful?

On this page

See where your donation form is losing gifts

Bring your current form to a demo and we'll compare it to GiveForms. Migration and onboarding are included if you switch.