Customizing the look

The Style tab is your design hub: as the host you set the entire look of your gallery here – logo, cover image, brand colors, theme presets, dark mode, header style, gallery layout, fonts, which details appear on each photo, the QR code design and the default sorting. This page walks you through every option, block by block.

Phone

Computer

Settings → Style: the central place for your gallery's entire appearance.

How to reach the Style tab

1. Open your event’s admin area. If you are in the gallery, use the profile menu at the top right to get to the management area.

   Phone

   

   Computer

   

   The profile menu at the top right takes you to the admin area. More under “Managing your event”.

2. In the left sidebar, click “Settings” (route /admin/settings).

3. In the tab bar at the top, switch to the “Style” tab (paintbrush icon). For a full tour of the admin area, see Managing your event and the Admin dashboard.

At the top of the settings page you will find three helpers:

• Preview – opens a live preview of your gallery and reflects every change instantly (after a short delay), before you even save. Keep it open while trying out colors and layouts.
• Search field – finds individual settings across all tabs. Type “color” or “header” and jump straight to the matching option.
• “Show all advanced options” – expands the advanced style options (fonts, item display, QR design, sorting), which are collapsed by default, all at once.

Save first, then it applies

Changes in the Style tab are not saved immediately. A red dot on the tab marks unsaved changes. Click “Save Changes” at the bottom (one shared button for all tabs) to apply everything. If you leave the page with unsaved changes, a dialog warns you. Image uploads (logo/cover) are only uploaded when you save – you then see a progress bar.

1. Branding assets: logo and cover image

Premium feature

The entire branding block (logo + cover) is a premium feature. Without a matching plan you see an upgrade note instead of the upload fields. For plan details, see Upgrade & pricing.

These assets appear in the gallery header: the cover forms the background (with a soft fade-out effect), and the logo is shown on the left inside a round enclosure.

1. Upload a logo. Drag a file into the left “Logo” field or click into it. Recommended: square (1:1) as PNG or SVG – ideally with a transparent background.

2. Upload a cover. Use the right “Cover” field. Recommended: wide (16:9) in high quality.

3. Fine-tune the image. After uploading, a gear icon appears at the top right of the image. Use it to set the focus point, rotation and crop. Reach for this if an image looks wrongly cropped – it keeps the most important part visible.

4. Pick a template instead of uploading (optional). Instead of uploading your own file, both fields also let you choose a ready-made template from the built-in template library. The templates offered are filtered by category per field (logo or cover). These are pre-made, centrally stored templates – not your own Design Studio designs (the Design Studio is for QR / print templates).

Cover image background options

Below the upload fields you can expand “Cover Image Background Options” to fine-tune the cover:

• Position – “Behind Header Only” (cover sits only behind the header) or “Fullscreen” (cover fills the whole page background).
• Dark overlay – lays a dark veil over the image so light text stays readable. When the overlay is on, an Overlay Intensity slider (0–100 %) appears as well.
• Blur (0–20 px), Brightness (0–200 %), Contrast (0–200 %), Saturation (0–200 %) and Opacity (0–100 %) shape the image look.
• Text stroke and Text shadow – improve the readability of title and subtitle over the image.
• “Reset to Defaults” – restores all cover sliders.

Note on Fullscreen

When the cover position is set to “Fullscreen”, the image hides the configured background color – it no longer takes effect. A hint also appears in the colors block. Choose “Behind Header Only” if you want your background color to stay visible.

2. Colors, themes and dark mode

In the “Appearance” block you tune your gallery’s color world.

Premium feature

Brand colors and dark mode are premium features. Without a plan you see a yellow “Premium” note on the colors (display only, not editable) and a lock overlay on dark mode. See Upgrade & pricing.

1. Pick a theme preset (recommended start). There are six ready-made presets, each setting the primary, accent and background color at once: Classic Blue, Bordeaux & Gold, Sage & Cream, Midnight & Rose, Emerald & Copper, Plum & Blush. One click applies all three colors – then you can fine-tune.

2. Primary color – for buttons, links and active states. Chosen via the color picker and resettable at any time. If none is set, the field shows the inherited or brand-default color.

3. Accent color – for highlights and celebratory details.

4. Background color – sets the tone of the gallery surface.

5. Enable dark mode (optional). With the “Enable Dark Mode” toggle, your guests may switch to a dark theme themselves. A sun/moon icon shows the viewer’s current browser preference.

Dark mode and background color

When guests enable dark mode, your background color set above does not apply – dark mode uses its own dark color scheme. An info hint reminds you of this.

3. Header style

In the “Header Style” block you choose your header’s look from horizontally scrolling cards with real preview images.

• Six variants: Modern Compact (free) plus Modern, Polaroid, Minimalist, Elegant, Gradient (premium).
• Without premium, only Modern Compact is selectable; the others carry a premium badge.
• “Show share button in header” – shows a small share/QR button in the header.
• “Configure header” – opens fine-tuning for the chosen variant (variant-specific knobs), with the option to reset everything to defaults.

4. Gallery layout

The “Gallery Layout Style” block controls how photos are arranged – also via cards with real previews.

• Eight layouts: Modern Grid and Uniform Grid (free) plus Polaroid Wall, Vintage Collage, Timeline, Seamless Mosaic, Featured, Justified Rows (premium).
• Without premium, only the two free grids are selectable; the others carry a lock overlay.
• “Configure layout” – opens fine-tuning for the chosen layout, including a reset.

Advanced style options

The following four areas are collapsed by default. Open them via the “Advanced style options” section or via the “Show all advanced options” toggle at the top.

5. Fonts

In the “Font Settings” block you choose via three dropdowns:

• Title – for main headings.
• Subtitle – for body text.
• Text – fallback font for all remaining text.

6. Gallery item settings

The “Gallery Item Settings” block controls which extra details appear on each photo:

• Show album – displays the album name on each photo. If no albums exist yet, a hint with a link to create them appears. See Managing albums.
• Show task – displays the associated task. If tasks are not in your plan or turned off in the Features tab, a hint points that out. See Managing tasks.
• Show caption – displays captions beneath each photo.
• Show comment icon – shows the comment icon (depending on plan and feature setting).
• Show favorite icon – shows the like icon (depending on plan and feature setting).

Note

Individual toggles are greyed out or hidden if the feature is not included in your plan or has been turned off in the Features tab. See Turning features on and off.

7. QR code design

The “QR Code Customization” block is a premium feature. With a plan, you design the look of all generated QR codes (photo wall, downloads, tasks).

1. On the left you see a live preview of the QR code.

2. Click “QR Code Designer” on the right. The “QR Code Customizer” dialog opens with a real-time preview: you adjust dot color, corners and background. Confirm with “Use This Code” or dismiss with “Cancel”.

3. “Reset to Default” – resets the dot color back to your primary color.

Pro tips for scannable QR codes

Keep the contrast high, use no light colors for the dots, and test the code with several scanner apps. Dot color = primary color (the default) looks brand-consistent. More on QR cards in the Design Studio.

8. Default sorting

The “Default Gallery Sorting” block sets the initial sort order – guests can still re-sort themselves.

• Sort by – “Upload Date” or “Capture Date (Photo Taken)”.
• Sort order – “Newest First” or “Oldest First”.

Below it, “Albums Page Sorting” controls the order of the album and task cards:

• Options: Photo Count, Manual Order (as arranged in the Albums Manager), Alphabetical, Shuffled (random), Visitor’s Own Uploads.
• The Sort Order control only appears when neither “Manual” nor “Shuffled” is chosen (there the direction has no meaning).

See also Managing albums and the album view from the guest’s perspective.

Premium and role overview

Block	Without a matching plan
Logo & cover	upgrade note, no upload
Brand colors & presets	“Premium” badge, display only
Dark mode	lock overlay over the toggle
Header variants (except Modern Compact)	only Modern Compact selectable
Gallery layouts (except Modern/Uniform Grid)	only the free grids
QR design	lock overlay

Roles and brand-managed events

The Style tab is the host’s (owner’s) domain. Moderators only see it with explicit settings access. For brand-managed events (white-label/reseller), the managing brand can lock individual controls – such as logo, cover, colors, header or layout – for you; those controls are then hidden entirely.

Common questions and troubleshooting

• “My change is gone.” It was not saved – click “Save Changes” at the bottom (red dot on the tab).
• “My background color has no effect.” Either the cover position is set to “Fullscreen” (covering the color) or the viewer has enabled dark mode.
• “The color controls are missing or greyed out.” You lack the premium plan for brand colors, or the brand has locked them.
• “The album/task toggles are greyed out.” The feature is not in your plan or is turned off in the Features tab.
• “The QR code scans poorly.” Increase the contrast and avoid light dot colors (see pro tips).
• “The logo or cover is cropped wrongly.” Adjust the focus point and crop via the gear icon on the image.

Best-practice tips

• Pick a theme preset first, then fine-tune – and keep the preview open.
• Cover in 16:9 and high resolution, logo in 1:1 with a transparent background.
• For light cover images, enable the dark overlay so titles stay readable.
• Related pages: General settings, Features, Setting up the photo wall, Custom domain.