Overview
Theme and branding settings define the visual identity of your ticket shop. From colour scheme and typography to logo placement and footer layout, these settings shape every page your customers see.
Configuration is split across two areas in admin:
- Company branding — your colour theme and logos
- Shop theme — detailed styling for fonts, buttons, menus, footers, default images, and announcements
Colour Theme
Your colour theme sets the primary colour palette used throughout the shop — for buttons, links, badges, navigation highlights, and other UI elements.
Preset Themes
Choose from 11 preset colour themes:
| Theme | Description |
|---|
| Grey | Neutral grey tones |
| Cool Grey | Cool-toned grey |
| Red | Red accent colour |
| Orange | Orange accent colour |
| Yellow | Yellow accent colour |
| Green | Green accent colour |
| Teal | Teal accent colour |
| Blue | Blue accent colour |
| Indigo | Indigo accent colour |
| Purple | Purple accent colour |
| Pink | Pink accent colour |
Custom Colours
Select Custom to define your own colour values. Custom colours give you full control over the palette used across the shop.
Logos
Upload logos that appear in your shop’s navigation and branding areas. Multiple logo variants ensure your branding looks correct against different backgrounds.
| Logo | Purpose |
|---|
| Default logo | The primary logo used in the shop |
| Dark logo | Used on light backgrounds where the default logo may not have enough contrast |
| Light logo | Used on dark backgrounds (e.g. when the menu overlays a dark header image) |
| Favicon | The small icon shown in browser tabs (cropped to 32x32 pixels) |
Logo Display
Control where your logo appears:
| Option | Behaviour |
|---|
| Main menu | Logo is displayed in the main navigation bar |
| Top menu | Logo is displayed in the top bar above the main navigation |
| Hidden | Logo is not displayed in the navigation |
Fonts
Customise the typography used across your shop:
| Setting | Controls |
|---|
| Heading font | Font family and weight for headings throughout the shop |
| Body font | Font family and weight for body text and general content |
Fonts that are currently in use cannot be removed. To remove a font, first switch any settings that reference it to a different font.
| Shape | Description |
|---|
| Sharp | Square corners with no rounding |
| Smooth | Slightly rounded corners |
| Slightly round | Moderately rounded corners |
| Round | Well-rounded corners |
| Pill | Fully rounded, capsule-shaped buttons |
Button Text Format
| Format | Description |
|---|
| None | Text displays in its natural case |
| Capitalise | First letter of each word is capitalised |
| Lowercase | All text in lowercase |
| Uppercase | All text in uppercase |
| Setting | Description |
|---|
| Button style | Choose between filled (solid background) or line (outlined) |
| Button colour | The background or border colour |
| Button text colour | The colour of the text label |
| Setting | Description |
|---|
| Menu theme | Choose between Default or Gray menu styling |
| Main menu text | Text colour settings for the main navigation bar |
| Top menu text | Text colour settings for the top bar |
| Menu dividing lines | Show or hide lines between menu sections |
| Menu position | Whether the menu sits above or covers full-width header images — this works best with menus that have some opacity |
| Opacity over images | The menu’s transparency level when overlaying header images |
The menu position setting only affects pages that use a full-width header image style. On pages without a header image, the menu always appears above the content.
| Layout | Description |
|---|
| 4 Columns (centered) | Four equal columns, centered |
| 3 Columns (centered) | Three equal columns, centered |
| List | Items displayed as a vertical list |
| Centered | Content centered in a single area |
| Left aligned | Content aligned to the left |
| Right aligned | Content aligned to the right |
| 6 Columns (centered) | Six equal columns, centered |
| 3 Columns (left) | Three columns, left-aligned |
| 4 Columns (left) | Four columns, left-aligned |
| 6 Columns (left) | Six columns, left-aligned |
| Setting | Description |
|---|
| Footer colour | Background colour of the footer area |
| Footer dividing lines | Show or hide lines between footer sections |
| Enable logo in footer | Display your logo in the footer |
| Footer imprint | Custom text displayed in the footer (e.g. legal information, company details) |
Social Links
Add social media links that display as icons in your footer:
| Platform | Field |
|---|
| Facebook | Facebook page username |
| X / Twitter | X / Twitter username |
| Instagram | Instagram username |
Default Images
Set fallback images used when specific events or schedules don’t have their own images uploaded. These appear wherever an image is expected but none has been provided.
| Image | Used for |
|---|
| Default event header | Header image on event pages |
| Default event thumbnail | Thumbnail image in event listings and blocks |
| Default event sharing image | Image when events are shared on social media |
| Default schedule header | Header image on schedule pages |
| Default item image | Image for sale items without their own image |
Default images are only used where no specific image has been uploaded for the individual event, schedule, or item.
Map Theme
If your shop displays maps (e.g. in event blocks with the Interactive Map layout), choose a map visual style:
| Theme | Description |
|---|
| Standard | Default map styling |
| Light | Light, minimal map styling |
| Blue | Blue-tinted map |
| Green | Green-tinted map |
| Dark | Dark-themed map |
Announcements
Display a banner message above the navigation on every page of your shop. Announcements are useful for important notices like maintenance windows, special promotions, or general information.
Configuring an Announcement
Announcements are managed within the shop theme settings:
| Setting | Description |
|---|
| Show menu announcement | Toggle the announcement banner on or off |
| Announcement content | The message displayed — supports rich text and HTML |
| Announcement colour | Background colour of the announcement banner |
| Announcement padding | Vertical spacing around the announcement content |
Related Pages
