Lightning Communities Developer Guide

Get Up to Speed with Lightning Communities
Develop Lightning Communities: The Basics
Customize the Look and Feel of a Lightning Template
Update a Template with the Theme Panel
Override Template Elements with Custom CSS
Use Custom Fonts in Your Community
Customize the Theme Layout of Your Template
Create Custom Content Layout Components for Communities
Configure Swappable Search and Profile Menu Components
Standard Design Tokens for Communities
Example: Build a Condensed Theme Layout Component
Develop Secure Code: Lightning Locker and CSP
Analyze and Improve Community Performance
Use a CMS with Your Community
Report on Deflections: The Deflection Signals Framework
Deploy a Community 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 community 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 are still using the template from Spring ‘17, to unify the theme properties of the login pages with the rest of the pages of your community, update your template in Settings | Updates. Otherwise, you have to theme the login pages separately.

Note