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.
Please note that theme colors only apply to specific elements of a campaign page, and not all colors are customizable at this time.
Set a theme color ๐จ
On your Givebutter dashboard, click Campaigns, then select the campaign you'd like to edit.
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.
Selecting a theme color at the campaign level will overrule the default theme color color set under Account > About > Branding. If you don't set a theme color for your campaign, the color will be taken from the theme color selected in your Account Branding.
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!
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 ๐
Form campaigns
The theme color makes up most of the design for Form campaigns. This includes the background (as a gradient), goal bar, and 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
FAQ ๐ค
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.
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.