Your donation form is one of the most visible parts of your campaign — and aligning its colors with your brand can make your appeal feel more polished and trustworthy.
In Payments2us Studio, form styling is done inside the Form Editor, not the Page Builder.
🎨 Where to Style Your Form
- Go to Manage Forms
- Find the form you want to style and click the edit icon
- Open the General tab
- Scroll to the Theme section
Here, you can customize the colors of many key form elements.
🧾 What You Can Style
| Element | Description |
|---|---|
| Font color | Text color for labels, input fields, and progress bar text |
| Donation amounts – active background | Background color when a suggested donation amount is selected |
| Donation amounts – active font | Font color for selected donation amount |
| Donation amounts – default background | Background color when donation amount is not selected |
| Donation amounts – default font | Font color when donation amount is not selected |
| Toggle options – default background | Background color of unselected frequency options (e.g. Monthly) |
| Toggle options – default font | Font color for unselected frequency options |
| Toggle options – active background | Background color for selected frequency and action buttons like "Next" |
| Toggle options – active font | Font color for selected frequency and action buttons |
| Form background | Background color of the entire form |
| Input fields background | Background color of the form’s input boxes |
| Input fields border | Border color for the input boxes |
🎛️ How to Apply Colors
- Click the color cube next to hexcode
- Choose your color using one of the following methods:
- Use the color picker to sample from your screen
- Enter a Hex, RGB, or HSL value
- Click the format label (RGB/HSL/Hex) to switch input type
- Click Update at the bottom of the page to save your changes
🔄 You may need to refresh your page to see the updated colors take effect in your live donation form