Channel Styling

Overview #

Every appearance setting for a channel lives in one place:

1. Open the channel in the admin panel and click Edit Channel.
2. Choose Style in the section list on the left (or from the accordion on mobile).
3. Work through the three sub-tabs, watching the preview beside the form.
4. Click Save. Nothing is applied to your public page until you do.

The Style section is split into three sub-tabs:

New here?

If you have not created your account and first channel yet, start with Getting Started. To set the channel’s name, description, links and other non-visual details, see Creating Channels.

Event Layout #

Choose how your events are displayed on your channel page, under Edit Channel → Style → Advanced → Default Layout. Two layouts exist:

This is only the default. Visitors can switch between the two with the layout toggle in the header, and their choice is remembered in their own browser for that channel. It never changes what anyone else sees, and it does not change your setting.

Per-embed override

Embeds ignore the visitor’s saved preference, so the site doing the embedding stays in control. An embed can also override your default with ?layout=calendar or ?layout=list, so one page can carry the same channel twice in both layouts. See Embed URL Parameters.

Header Style #

Choose how the header appears at the top of your public channel page under Edit Channel → Style → Advanced → Header Style. Channels use Banner unless you change it, and the live preview updates as you switch between the two.

Header image and Compact

The header image applies to the Banner style only. Compact draws no header image at all, but nothing is lost: the description and social links appear in the strip below the bar. If a channel was set to the old Minimal style, it now reads as Compact, which is the same slim row under a clearer name.

Profile Image #

Upload a logo, photo or avatar that represents your channel under Edit Channel → Style → Branding → Square Profile Image. It does three jobs:

Best practices

Use a square image (1:1 aspect ratio). Recommended minimum size is 400×400 pixels. PNG and JPG are accepted, and uploads must be under 2.5 MB. Use the small red cross on the thumbnail to remove an image you have already saved.

It becomes your favicon too Pro – Requires the Pro plan #

On Pro, your profile image also becomes the icon in the browser tab on your public pages, including ticket pages. On every plan it becomes the home-screen icon when a visitor saves your channel to their phone, and a channel that has uploaded no image gets a plain calendar glyph there rather than the EventWillow logo. Nothing to configure: upload a profile image and it is used automatically. This is the same reason a square image matters, since a tab icon is cropped to a square either way.

Header Images #

The Header Image dropdown on the Advanced tab creates the visual banner at the top of your channel page. It offers four kinds of option, in this order:

Needs the Banner header style

Header images and the logo wall are drawn by the Banner header style only. Choosing one while the channel is set to Compact has no visible effect.

Background Options #

The Background tab starts with a Background Type choice of Gradient, Solid or Image. Picking one reveals its own controls and hides the others.

Gradient #

Pick a preset from the searchable Colors dropdown, or choose Custom at the top of it to mix your own.

Solid #

A single Background Color picker. Use your operating system’s color picker or type a six-digit hex code such as #1a1a2e.

Image #

Color Scheme #

One Accent Color picker on the Branding tab drives every highlighted element on your public pages. New channels start on a standard blue.

Accessibility

The automatic black-or-white text keeps buttons legible, but it cannot rescue an accent that disappears into your background. Check the preview with your chosen background, and pick a saturated color that clearly separates from it.

Typography #

The Font Family dropdown on the Branding tab offers more than 230 Google Fonts. It sets the typeface for your channel name and headings on your public pages.

Event graphics use their own font

This setting styles web pages. Event graphics are drawn as images on the server with a bundled Noto Sans family (including Hebrew and Arabic variants), so changing your font here will not change them.

Event Animation #

Event Animation on the Branding tab brings your events to life as visitors scroll your channel: each event card animates into place as it comes into view, then its details follow one after another: the title, the date (which flips down like a tear-off calendar page), the venue, the price and the performers. The first screen plays as an entrance when someone opens your link. It is off (None) until you pick a style, and it is available on every plan.

After you save a new style, the Channel tab shows your link with a Copy button (and Share, where the device supports it), ready to send to your audience.

Always easy to read

Visitors who turn off animations on their device, or with the accessibility menu on your channel, see every event right away with no motion. Events a visitor has already scrolled past, returns to with the back button, or prints are never hidden or replayed.

AI Style Generator Enterprise – Requires the Enterprise plan #

Enterprise feature

Enterprise – Requires the Enterprise plan AI style generation needs the Enterprise plan. A selfhosted install counts as Enterprise, so nothing here is held back by plan there, but it does need its own AI keys (see below).

Let AI put together a coherent look for your channel from its name, type and description, so the color, font and images belong to each other rather than being chosen one at a time.

1. Click AI Generator in the top-right corner of the Style section header.
2. Tick which of the five elements to generate: profile image, header image, background image, accent color, or font. The dialog marks the ones you have already set, so you can leave them alone.
3. Optionally add style instructions, for example “modern and minimal with blue tones”. Tick the box to save them for next time.
4. Generate, then review the previews in the dialog. Accept drops the results into the Style form, Discard throws them away, and nothing reaches your public page until you click Save on the form itself.

Selfhosted API keys

Selfhosted installs supply their own keys. The accent color and font need a Gemini API key. Image generation uses an OpenAI API key when one is set and falls back to Gemini when it is not, so a Gemini key alone is enough to use every part of the generator. The button does not appear at all until at least one key is configured.

Remove Branding Pro – Requires the Pro plan #

Free channels on eventschedule.com carry a small “EventWillow” credit chip in the corner of their public pages. There is no switch for it: it is removed automatically the moment the channel is on Pro or Enterprise, and it returns if the plan lapses. The one exception is an Enterprise plan an admin granted by hand, which keeps it.

A single-tenant selfhosted install has no plan tiers at all, so the event-page card, the embed and newsletter lines and ads are all absent by default, with nothing to buy. If instead you run your own multi-tenant platform on EventWillow, those surfaces follow each tenant’s tier exactly as they do on eventschedule.com, and your free tier also carries a footer strip pointing at your own marketing site, because that strip is the growth prompt of whoever runs the platform.

On every install that is not eventschedule.com itself, upgrading never removes that corner chip. It is the attribution the Attribution Assurance License asks for in return for the application, so there is no setting that removes it. On a single-tenant selfhost it is on every page. On a platform of your own it is on every channel you charge for, and a free channel there carries the operator’s footer strip in its place, because a page never shows both credits at once.

Custom CSS Pro – Requires the Pro plan #

Pro feature

Pro – Requires the Pro plan The Custom CSS box is editable on Pro and Enterprise, and on selfhosted installs, which count as Enterprise. Below Pro the box is shown read-only: CSS you saved earlier is kept, not deleted, but it is not applied to your pages until the channel is back on Pro, when it also becomes editable again.

When the built-in controls do not reach far enough, write your own CSS under Edit Channel → Style → Advanced → Custom CSS. It is added to every public page drawn in your channel’s own style: your channel page, event pages, embeds, and the pages visitors reach from them such as booking, event requests and gift cards. Ticket, order and installment payment pages use the app’s standard layout, so your CSS does not reach them.

• Override any of the built-in styles for complete control
• Fine-tune spacing, borders, radii and shadows
• Add your own animations and effects
• Up to 10,000 characters per channel

What the sanitizer strips

Saved CSS is cleaned before it is stored, so a few constructs are silently removed rather than rejected with an error. Do not rely on @import, @font-face, @charset, expression(), javascript: URLs, behavior or binding, or any url() pointing at an http:, https: or data: address. Everything else, including modern layout and animation properties, is kept as written. If a rule seems to vanish after saving, check it against that list first.

Hiding Sections Pro – Requires the Pro plan #

Every panel on your channel page and on your event pages carries a stable id that starts with gp-. To remove one from the public page, add a display: none rule for that id in Edit Channel → Style → Advanced → Custom CSS. Nothing else has to change, and you can put back what you hid by deleting the line.

#gp-talent-list { display: none; }

Two panels have their own switch

The “Notify me when tickets go on sale” card is off unless you turn it on, and the Stay up to date sign-up panel can be turned off. Both switches are under Settings → Advanced and work on every plan, so neither needs CSS.

A common example #

The performer list is the compact list of names under the Talent heading, for acts that were typed in or picked up by AI import and have no page of their own. If the names on your events are often wrong or incomplete, hide the list and let the event description carry the lineup instead.

#gp-talent-list { display: none; }

Rules can be combined, and one rule can hide several panels at once:

#gp-upcoming-events,
#gp-talent-list,
#gp-reviews {
    display: none;
}

Hiding a panel is not the same as turning a feature off

A display: none rule removes a panel from the page. It does not disable what sits behind it. People who already signed up to be notified are still notified, a hidden subscribe panel still accepts a submission posted to its address, and a hidden reviews panel does not delete the reviews. Where a real on/off setting exists, use that instead: videos, fan photos, fan comments, feedback, carpooling, accommodation and the “Notify me” card each have their own switch on the channel edit page, and the sponsor grid disappears on its own once you remove the logos. The Show Sign-Up Panel switch is the exception: like this rule, it only hides the panel, and sign-ups through your follow link, and on eventschedule.com the Follow button, still arrive.

Channel page sections #

Event page sections #

Styling, not just hiding

The same ids work for any rule, not only display: none. #gp-about { padding: 3rem; } gives the description panel more room, and #gp-venue { order: -1; } moves the venue card to the top of the sidebar. See Custom CSS for what the sanitizer removes and where your rules land in the cascade.

Why a text size sometimes seems to be ignored

A rule on the panel itself always wins, because an id outranks the styling the page already puts on that element. Text is the exception: headings and body copy carry their own size on an inner element, and a size inherited from the panel never beats one set directly. So #gp-about { font-size: 1.125rem; } changes nothing, while #gp-about p { font-size: 1.125rem; } does. If a rule seems to be ignored, check whether you are styling the panel when you meant to style what is inside it.

Smaller hooks inside the calendar

A few elements inside the calendar carry older names that do not start with gp-: #calendar-app, #month-year-title, #events-carousel and #event-popup. They are useful for small adjustments, but they are internals rather than sections, and unlike the gp- ids above they may change. Prefer a gp- id whenever one covers what you want.

Live Preview #

A Preview panel sits beside the Style form on wide screens and below it on narrow ones. It stays visible across all three sub-tabs and redraws as you change the header style, images, background, accent color and font, so you can experiment freely without publishing anything half-finished.

Save when you are happy

The preview is only a preview. Click Save at the bottom of the edit page to apply your changes, then open your channel page in a new tab to see the real thing, including any custom CSS, which the preview panel does not render.

See Also #

• Creating Channels – Configure details, settings, sub-channels, and integrations
• Managing Channels – Plans, team members, and booking requests
• Event Graphics – Generate shareable images for social media
• Sharing Your Channel – Embed and share your channel
• Creating Events – Add events to see your styling in action