Experience Cloud Developer Guide

Get Up to Speed with Experience Builder Sites
Develop Experience Builder Sites: The Basics
Customize the Look and Feel of an Experience Builder Template
Update a Template with the Theme Panel
Override Template Elements with Custom CSS
Use Custom Fonts in Your Experience Builder Site
Customize the Theme Layout of Your Template
Create Custom Content Layout Components for Experience Builder
Configure Swappable Search and Profile Menu Components
Standard Design Tokens for Experience Builder Sites
Ensure Custom Components in Orgs with Experience Cloud Sites Are Secure
Develop Secure Sites: Authenticated and Guest Users
Develop Secure Sites: Lightning Locker and CSP
Analyze and Improve Experience Builder Site Performance
Add Pardot Tracking to Your Experience Builder Site
Use a CMS with Your Experience Builder Site
Report on Deflections: The Deflection Signals Framework
Deploy an Experience Cloud Site from Sandbox to Production
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Update a Template with the Theme Panel

Within Experience Builder, the simplest way to change the look of a template is with the Theme panel. Administrators can quickly style an entire sites using the theme panels to apply colors, specify fonts, add a logo, or adjust general page structure and defaults.

The properties set in the Theme panel apply to the pages in a template and most off-the-shelf components. Use Branding Sets to quickly apply bundles of colors, images, and fonts.

The Theme panel’s properties also apply to custom Lightning components that use standard design tokens to control their appearance.

Theme panel and menu

If you’re still using the template from Spring ’17, to unify the theme properties of the login pages with the rest of the pages of your site, update your template in Settings | Updates. Otherwise, you have to theme the login pages separately.

Note