Adding your logo and colors

Your public pages have two areas you can brand:

  • The header across the top of every page, which belongs to your organization.
  • The hero, the banner behind the event's title, which belongs to each event.

Your organization's logo and header

  1. In the menu, choose Settings (Admins only).
  2. Under Branding, upload a Logo. It's shown in the header of every event and participant page.
  3. If your logo already includes your school's name, untick Show the organization name next to the logo so it isn't shown twice.
  4. Pick a Header background color, or choose Use white.
  5. Leave Header text on Automatic to get dark or white text, whichever reads better on your background, or pick a color.
  6. Pick a Header font for your organization's name. Each choice shows your name in its own font.
  7. Choose Save.

Your event's logo and banner

  1. Open the event's Overview and choose Settings.
  2. Under Branding, upload a Logo for the event, such as your fun run's own artwork. It's shown at the top of the event page and every participant page.
  3. Move the Logo height slider to make the logo bigger or smaller; the preview below it shows the size. The logo keeps its shape, and on phones a wide logo is made smaller to fit.
  4. Pick a Hero background color for the banner. Leave the box empty for navy.
  5. Leave Hero text on Automatic, or pick a color.
  6. Pick a Heading font for the event's title, the headings on its pages and the amount raised. Each choice shows a sample in its own font.
  7. Choose Save.

Logo tips

  • A PNG with a transparent background looks best on any color.
  • PNG, JPEG, GIF, WebP and HEIC (iPhone photos) all work, up to 10 MB. Large images are resized for you.
  • To take a logo down, tick Remove current logo and save. To replace it, just upload a new one.
  • For a large logo height, upload an image at least twice as tall as the height you choose, so it stays sharp on high-resolution screens.

Tip: Colors can be typed as a code like #e8590c. If your school has official colors, ask for their hex codes.

The logo you upload is also used for the preview picture when someone shares your page in a text message or on social media.

Still have a question?

Send us a message. We're happy to help.

Contact us