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 Branding Panel
Override Template Elements with Custom CSS
Override Default Fonts with Custom Fonts
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: LockerService and Stricter CSP
Analyze and Improve Community Performance (Developer Preview)
Community Migration, Packaging, and Distribution
PDF

Newer Version Available

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

Update a Template with the Branding Panel

Within Community Builder, the simplest way to change the look of a template is with the Branding panel. Administrators can quickly style an entire community using branding properties to apply colors, specify fonts, and add a logo.

The properties set in the Branding panel apply to the pages in a template and most off-the-shelf components. However, a few components don’t respond to branding property changes, which is a limitation of solely using the Branding panel.

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

Branding panel

To unify the branding properties of the login pages with the rest of the pages of your community, update your template in Settings | Update. Otherwise, you have to brand the login pages separately.

Note