Page layout and theme

Edited

Overview

The Layout & Theme section sets the foundation for every event page: how wide it renders, whether it uses a light or dark theme, how content animates in, and how rounded corners feel. These four controls do most of the heavy lifting for the overall vibe of your storefront.

Before you start

  • Decide whether you want an edge-to-edge modern look (full-width) or a classic centered container.

  • Pick a theme that matches your brand. Dark works well for nightlife, galas, and music events; light fits most chambers.

Step-by-step

  1. Open Settings > Styling > Event Page and click Layout & Theme.

  2. Set Page width to Full-width or Container.

  3. Set Theme to Light or Dark. The preview re-skins immediately.

  4. Choose an Animation style: Fade, Slide, or None. None is best for accessibility-first audiences.

  5. Adjust Border radius from sharp (0px) to pill (24px+) using the slider.

  6. Click Save changes.

Tips & best practices

  • Container width keeps long sponsor lists more scannable on large monitors.

  • Match border radius across cards, buttons, and hero overlays for a cohesive feel. The control sets a single global radius.

  • If you choose Dark theme, double-check your color palette in the next section so text remains readable.

FAQ

Does Animation style affect performance?
No, animations are CSS-based and cheap. Choose None only for accessibility or personal preference.

Can I set different layouts per event?
Not currently. Layout is a global setting that applies to every event page.

Related articles

  • Customizing the event page (overview)

  • Brand color palette

Was this article helpful?

Sorry about that! Care to tell us more?

Thanks for the feedback!

There was an issue submitting your feedback
Please check your connection and try again.