Choose and customize your theme
This guide shows you how to pick a ready-made look for your site from the theme gallery, then make it your own by changing the color, fonts, and logo — no CSS required.
Who can do this: Admins with the Web Editor role (the website:edit permission). If you don’t have it, the theme controls show as read-only.
Before you start
Section titled “Before you start”- You don’t need to design anything in advance. Every theme is ready to use as-is.
- Have your logo file handy if you want to add one. It must be a JPEG or PNG image; other formats, such as WebP or SVG, can’t be uploaded.
- Switching themes only changes how your site looks. Your pages, blocks, and content stay exactly as they are.
- In the left sidebar, select Website, then open Theme.
- In Your theme gallery, select the name of the theme you’d like to try. Its card is highlighted and a Previewing a new theme note appears. Nothing has changed yet.
- To make the previewed theme your site’s theme, select Apply. To go back to your current theme instead, select Discard preview.
- To set your brand color, pick a preset swatch or type a hex code in the Primary color box.
- Pick a Heading font for your titles.
- Pick a Body font for your paragraphs.
- Choose a Spacing option to make your pages feel tighter or roomier.
- To add your logo, select Browse files under Logo and choose a JPEG or PNG file from your computer. The file’s name shows beside the button while it uploads, and a “Logo uploaded.” note appears when it’s done.
- To change your logo later, browse for a different file the same way; the new one replaces the old one when you save. The theme editor has no way to take a logo off once it’s saved — replace it with a different file instead.
- As you change your primary color, watch the contrast meter below it. It tells you how readable your color is and shows the exact ratio.
- To keep your emails matching your site, leave Apply theme to email templates turned on — your color and font choices then apply to your email templates too. Turn it off if you’d rather your emails keep their own look.
- When your changes look right, select Save changes.
If your primary color is too hard to read, MapleGather warns you before it saves. When you select Save changes, a message names the exact contrast ratio. Select Cancel to pick a more readable color, or Save anyway to keep the color as-is. See About theme color contrast for what the warning means.
Verify
Section titled “Verify”You’ll know it worked when your theme’s card shows a Current badge and the Save changes button dims because there’s nothing left to save. Open your public site to see your color, fonts, and logo in place. Because a theme change is visual only, all your pages and content are still there.
Your members see your logo at the top of their member portal too. If you haven’t added a logo, the portal shows your organization’s name there instead. The member portal never shows MapleGather’s name, so your members see your organization, not the software behind it.
If something goes wrong
Section titled “If something goes wrong”- The gallery won’t load — MapleGather shows a “Couldn’t load themes” message with a Retry link. Select Retry. Your saved theme still applies in the meantime.
- Your color shows a contrast warning — the color is hard to read for people with low vision. Pick a darker or lighter shade, or read About theme color contrast to decide whether to save it anyway.
- Your font shows a “may not render everywhere” note — that font isn’t available on every device. MapleGather falls back to the theme’s default font where needed. You can keep your choice or pick another.
- Your logo didn’t upload — the Logo box shows a “Couldn’t upload logo — try again” note. The rest of your changes still save. Try the logo again on its own.
- “That file type isn’t supported — use a JPEG or PNG.” — your logo is in another format. Save it as a JPEG or PNG and browse for it again.
- “That file is too large.” — your logo file is over the upload size limit. Save a smaller version and browse for it again.