Salesforce Docs Portal

Change the Theme of Your Experience Builder Site

Experiment and find the theme that works best for your needs, without changing your content.

Required Editions

Available in: both Salesforce Classic and Lightning Experience
Available in: Enterprise, Performance, Unlimited, and Developer Editions
User Permissions Needed
To customize or publish an Experience Cloud site:
  • Create and Set Up Experiences AND View Setup and Configuration AND be a member of the site

    OR

  • View Setup and Configuration AND be a member of the site AND have appropriate role-based site access

Changing themes is an easy, two-click effort in the Theme panel. Select Change Theme to see a list of available themes for your template.

Theme Panel showing Change Themes selected

Your current theme is flagged as Active. Select any other theme, activate it, and it’s applied to your site.

Change Themes theme list

Choosing a theme is just the start. Even if the defaults work for you, you’re not stuck with them.

Theme panel with settings called out

  • Adjust the Colors (1) of text, backgrounds, and borders.
  • Upload background Images (2) and your company logo.
  • Select Font (3) styles.
  • Adjust Theme Settings (4) that are specific to the active theme. For example, choose:
    • whether to show the hero
    • whether to keep the header from scrolling
    • the width of page content

    Available settings are unique to the active theme.

  • Add, modify, and adjust components on the page individually to complete the experience.

We remember the customizations that you create for your theme, even if you switch from the theme and then reactivate it later.

What if you don’t like what you’ve customized? Easy, start fresh!

Builder setttings with theme reset noted

  1. In Experience Builder Settings (1), select Theme.
  2. Click Reset (2) for your current theme.
  3. Read the warning and then click Reset to confirm.
  4. Alternatively, you can reset a theme back to its defaults the next time you reactivate it in the Change Theme panel by selecting Replace and start fresh.
Note
Note Using either Reset or Replace and start fresh deletes all of your customizations.
  • Branding sets
  • Theme regions (settings for common elements across pages like headers)
  • Theme settings
  • Custom theme layouts
  • Custom theme layout assignments for pages
  • Custom CSS overrides
These settings aren’t retrievable, so be careful about selecting either Reset or Replace and start fresh.

Many pre-built themes have multiple layouts, such as home, login, and content pages.

Changing themes preserves your content, but a new theme doesn’t necessarily display your content in a useful or desirable manner. After a change, always reconfirm that your site still works the way you want it to.

The Manage section of the Theme panel shows your currently active and configured themes.

Theme section of Settings highlighting delete theme option

Chances are you aren’t using all of your themes, so you can delete (1) any extras here. Deleting a theme removes all of your customizations, similar to Reset. But you can add a fresh copy of the theme from the Change Theme section of the Theme panel.

See Also