Theme CSS classes

A reference of the CSS classes on every event-page section, so you can target them with Custom CSS and style your page exactly the way you want.

Every section on your event page is built from elements with predictable CSS classes. Once you know a class name, you can target it in the Custom CSS box and change almost anything — a button's size, a heading's spacing, the look of a single card. This page is your reference for those class names.

You will see the classes follow a simple, repeating pattern called BEM:

• .base-cover — the block (the whole section).
• .base-cover__overlay — an element inside that block (note the double underscore).
• .base-rsvp__btn--going — a modifier that marks a variation (note the double dash).

Once that pattern clicks, you can read any class at a glance and know exactly what it targets.

Two places to add CSS

There are two CSS boxes, and which one you use changes how your rules apply:

Reach for per-section Custom CSS when you want to change one specific section, and Global CSS when you want a change to apply everywhere. The full walkthrough lives in Custom CSS.