Customize Your Components

Every component you add automatically inherits the active theme: colors, typography, button styles, borders, and spacing tokens all apply without any manual configuration. Your page looks on-brand from the moment a component lands on the canvas.

But every component also has its own settings panel with granular overrides for when you need a specific element to stand out or behave differently. Click any component to access:

Content tab

Edit the component's data or copy: for event-data components (Speakers, Schedule, Pricing) this controls which Salesforce fields are shown and what labels to use. For custom components (Hero, Title, Button) this is where you write the content directly.

Style tab

Override the theme defaults for this specific component: background color, text color, border, corner radius, shadow, glass effect, gradient. Changes here apply only to this instance and do not affect other components or global theme tokens.

Spacing tab

Set padding on each side of the component independently. Use the linked-toggle to apply the same value to all sides at once, or unlock it to fine-tune each side.

⚠️ Component-level style overrides take precedence over the theme. If you change your org theme later, components with manual overrides will not automatically update. You'll need to clear or re-apply those overrides manually. Use component-level styles sparingly and prefer theme tokens when possible.

💡 To reset a component back to pure theme defaults, remove any style overrides you've set in the Style tab. The component will immediately reflect whatever the active theme defines for that token.