Skip to content
Displai Displai Displai Knowledge Base Hoopla Help Center

How-to · Displai

Customize themes for Flyers and Menus

Build custom themes with your own fonts, colors, borders and background images for Flyers, Menus and other presentations.

KB-009414 steps Last verified

Use the Theme Builder when you want to create a consistent visual identity across your Flyers, Menus, and other presentations. You can customize fonts, colors, background images, and borders to match your brand.

  1. Open any saved presentation that supports themes (Flyer, Menu, Video, Newsfeed, Clock, Calendar, Instagram, Soundtrack Your Brand, Multizone, or Toast).
  2. Locate the theming controls in your presentation editor. From left to right, you’ll see:
    • Edit current theme (disabled for Displai’s default themes)
    • Theme manager (edit, duplicate, and delete your custom themes)
    • Theme builder (+ icon)
  3. Click the + icon to open the Theme Builder.
  4. Choose from 15 fonts for each text type, or scroll down to upload custom fonts.
  5. Select colors for fonts, background, and borders using the color picker or by entering a hex code.
  6. Upload a custom background image if desired. Press the Background Image field and choose your image.
    • Supported formats: GIF (animated and still), JPG, PNG, SVG, and BMP.
    • Recommended: 1920x1080 resolution (16:9 aspect ratio) for best results.
  7. Click Done to apply the theme to your current presentation, or Add to List to save it for future use.
  1. In the Theme Manager, scroll down to the Font(s) Uploader field.
  2. Select font files to upload. Supported formats: WOFF and TTF.
  3. Include hyphens in your filenames to distinguish font names from their weights (e.g., LuxuriousRoman-Regular.woff rather than LuxuriousRomanRegular.woff).
  4. Wait 1–2 minutes for the font to process before it appears in Theme Builder’s font selectors.

Supported font weights: bold, bolditalic, extra, extrabold, extrabolditalic, extraitalic, extralight, italic, light, medium, regular, semi, semibold, semibolditalic, semiitalic, thin, blackitalic, black, lightitalic, extralightitalic, mediumitalic, thinitalic

  1. Click the theme manager icon (middle icon in the theming controls).
  2. Edit, duplicate, or delete any custom themes you’ve created.
  3. Displai’s default themes cannot be removed.
  • Your theme appears in the theme selector for all supported presentations.
  • Custom fonts show up in the font selector within 1–2 minutes of upload.
  • Your presentations display the correct fonts, colors, and background image.

Custom fonts don’t appear after upload:

  • Wait 1–2 minutes for processing.
  • Verify your filename includes a hyphen between the font name and weight (e.g., FontName-Regular.woff).
  • Check that your file format is WOFF or TTF.
  • If the issue persists, contact support.

Theme looks different on another presentation type:

  • Not all apps use all theme features. For example, Flyers may not use “Heading 2 Text” while Menus use it for item names.
  • Test your theme with each presentation type to confirm the appearance.

Need to delete an uploaded font:

  • There is currently no way to delete fonts through the interface. Contact support if you need a font removed.

Background image appears pixelated or letterboxed:

  • Use a high-resolution image with a 16:9 aspect ratio.
  • Images with 1920x1080 resolution work best.

Still having trouble?

Text the 24/7 line or email support.