All Collections
Campaign Basics
Setting up a campaign
How to set the theme color on your campaigns
How to set the theme color on your campaigns

Edit the theme color displayed on your campaign

Alyssa avatar
Written by Alyssa
Updated over a week ago

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 ๐ŸŽจ

  • 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.

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!

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.

comparison of high and low contrast color choices

Theme color locations ๐Ÿ”Ž

Form campaigns

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

event page color samples
checkout flow buttons

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.

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.

screenshot showing the text color option in the Story section

Related content ๐Ÿ“š

Did this answer your question?