Pre-Built Themes in Lightning Communities

12 min read

Change your community look in one click

With the summer 18 release, Salesforce has introduced new pre-built themes for communities.

Using these ready-made Community Themes you have a great opportunity to change its look with only one click.

There are four themes: Stella, Webster, Jepson, and Citizen, – which are available to use with any Salesforce Lightning Community templates.

four themes: Stella, Webster, Jepson, and Citizen

Let’s discuss the top advantages of community pre-built themes.


You can easily add or change the theme in the community builder. Go to the “Theme” section or “Settings” – “Themes”, click “Change”, choose one of the four available themes and “Activate” it.

customize the themes

And that is not all.

The themes are very flexible, so you can change and customize them according to your needs as much easy as you just added them.

All the settings are in the properties box. You only have to hover over the cursor on the proper component and click on it.

Compact header

In the Compact Header property box you can customize such options as Background image, links and menu colors, and theme layout, where you can set up header width and height, logo width, enable Notifications, App Launcher, and User Profile Menu.

Here you can also choose the search component and its style (collapsed/expanded).

Building Sites Without Code: The Power of Experience Builder in the Salesforce Experience Cloud

Salesforce provides a set of cloud-based resources so you can build your own applications and websites easily, cheaply, and fast. This is where Salesforce Experience Cloud comes in.
Post image


You can change themes without any impact on the underlying pages, layouts, and components.

You can try different themes and don’t have to worry about the data. All your changes and customizations will be saved automatically in each theme, so it’s easy to jump between themes without losing customizations.


All pre-built themes are supplemented by the new Hero component.

The Hero component is optional and available for the Home page. You can enable Hero through the theme properties.


You can also easily customize Hero’s background, layout, and content through the Properties box. It also can be optimized for the Search or Call to Action function type.

Properties box

If you have chosen the Call to Action functionality, you will see two additional sections of settings for primary and secondary buttons configuration. Here you can set up the button’s text, link, and color.

 Call to Action functionality


The three themes (Webster, Jepson, and Citizen) come with two unique layouts: for the homepage and for all other pages.

two unique layouts: for the homepage and for all other pages

When you use two theme layouts in your community, review assignments and settings.

assignments and settings


The only one small disadvantage for today is that new theme components do not currently support visibility settings.


But it is easy to achieve through Page Variations.

You have to follow the next three steps:

  • Go to Settings – Theme – Configure, and create a new custom theme layout;
theme configuration
  • Create a new page variation;
  • Assign created theme layout to this page variation using Page properties.

Experience new interesting features for your community using pre-built themes and make your community better.

Subscribe to our Newsletter

Receive regular updates on our latest blog posts, news, and exclusive content!

    Rate the article

    5 / 5. 1

    Table of contents



    Volunteer Management on Salesforce: Empowering and engaging your volunteers on the world’s #1 CRM

    June 27th, 2024 at 11:00 AM Eastern Time (ET) / 3:00 PM Greenwich Mean Time (GMT)