When you create a campaign, one of the settings is your theme color. This is a great place to use your organization's color scheme to reinforce your brand identity.
Set a theme color 🎨
Head to your campaign on your Givebutter dashboard.
If you don't see it, click All Campaigns for the full list.
In the tabs under the campaign title, select Details.
Under Main Details at the top, you'll see Theme Color.
Click on the text box (a hex code will be entered here) to set a brand color. You can choose from the preset options, or enter a custom color via hex code.
Custom colors ⬣
If you want to use a custom color for your theme color, you'll need to input a hex code in the area shown in the above screenshot as "606BF0". A hex code is a six-digit color code, made up of numbers and letters, beginning in #. If you don't have a hex code handy, use an online color picker to choose a custom color!
Best practices 👍
Choose a medium or dark color when possible, since button text will appear in white on your campaign. Light colors result in low contrast, and can be difficult for donors to read.
Theme color locations 🔎
The theme color makes up most of the design for Form campaigns. This includes the background, as well as the buttons on the Form.
Page + Event campaigns
On Event campaigns, the theme color is applied to:
The Donate button
The goal bar (if you have one displayed)
The buttons and lettering in the checkout process
Can I change the color of just certain parts of my campaign?
No – currently, the theme color will apply to all the above listed elements of the campaign.
My Donate button is missing text, or my Donate button is white!
If your Donate button is appearing as white, or looks like it's missing text, it could be that the color for your campaign has been set to white! Check the campaign settings listed above. If this is blank, you'll need to check the account default under Account > About > Branding.
Where can I change the color of the text in the Story section?
To change the color of text in your Story section, you'll do this directly in the text composer itself. Head to the Campaign's Details tab, then scroll down to the Story section. Highlight the text you'd like to change, and click the Text Color icon in the composer.