Appearance
Template Customization
Tapboard lets you customize the look of your menu board templates to match your brand. Adjust colors, fonts, sizes, and layout options without designing from scratch.
Requirements
Template customization is available on Pro plans and above. If you are on the Sampler or Starter plan, you will see an upgrade prompt when attempting to customize.
Accessing the Editor
- Navigate to Menu Boards in the sidebar.
- Open the menu board you want to customize.
- Click Customize Template.
The customization editor opens with all available style options for that template.
What You Can Customize
Style options vary by template, but typically include the following categories:
Header
- Background color
- Text color
- Font size and weight
Menu Items
- Item name color, size, and weight
- Description color and size
- Price color and size
Cards
- Card background color
- Border radius and shadow
- Padding and spacing
Footer
- Footer background and text color
- Visibility toggle
Beverage Fields
- ABV and IBU label colors
- Display format options
How to Edit a Style
- Find the style option you want to change.
- Depending on the field type, you will see:
- Color picker for colors (enter a hex code or use the picker).
- Dropdown for predefined choices (font weight, alignment, etc.).
- Toggle for on/off options (show/hide elements).
- Number input for sizes and spacing.
- Text input for custom values.
- Changes are saved when you click Save Overrides.
Reverting Changes
- Revert a single field: Click the revert icon next to the field to restore it to the template default.
- Reset all overrides: Click Reset All to remove all customizations and return to the original template defaults.
Hiding "Powered by Tapboard"
On the Pro+ plan, you can hide the "Powered by Tapboard" branding from your menu displays. This option appears in the Footer section of the customization editor.
Tips
- Preview before publishing. After customizing, preview your menu board to verify the changes look correct on screen.
- Start with small changes. Adjusting one or two colors can make a big difference. You do not need to change every option.
- Use your brand colors. Enter your exact hex color codes to keep your displays consistent with your branding.