---
schema_version: "1"
id: 6b0e3770e7584b79714500ea563231936801b44b0cdc4b4f44e408d83f9ee151
title: Add Style to Your Experience Builder Site with Themes
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/community_builder_theme_understanding.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.community_builder_theme_understanding.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 90d0df5419d77468e8bce54d043db83292bea8a49ca4b26c21c65ffaa13cc5f2
description: A theme is a collection of information that defines the visual flow of your Experience Builder site.
products:
  - Experiences
release: "264"
---
# Add Style to Your Experience Builder Site with Themes

A theme is a collection of information that defines the visual flow of your Experience Builder site.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
      <colgroup>
        <col style="width:50%">
        <col style="width:50%">
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d82586e71">User Permissions
            Needed</th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d82586e71 ">To customize or publish an Experience Cloud site:</td>

          <td class="slds-cell-wrap" style="vertical-align:top;" headers="d82586e71 ">
            <ul>
              <li>Create and Set Up Experiences AND View Setup and Configuration AND be a member
                of the site<p>OR</p>
              </li>

              <li>View Setup and Configuration AND be a member of the site AND have appropriate
                <a href="https://help.salesforce.com/s/articleView?id=experience.networks_access_control_overview.htm&amp;language=en_US" target="_blank">role-based site access</a>
              </li>

            </ul>
          </td>

        </tr>
      </tbody>
    </table>

Themes are made up of layouts and styles, such as colors, fonts, and images. These elements combine to give you granular control of the appearance and structure of each page in your site. Themes are all about the look and feel of your site and are independent of your content.

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_example.png)

Example

The default Customer Service theme includes two layouts.

- **Login**, which applies the theme layout to the login pages
- **Default**, which applies the theme layout to all non-login pages

Your site comes with several pre-built themes that you can quickly customize to meet your needs. Pre-built themes work across all our standard templates, such as Customer Service, Partner Central, Customer Account Portal, and Build Your Own (Aura). How you style an applied theme is unique to each site where the theme is used. The theme that you select changes the headers, footers, and other properties that are available for your site.

Though pre-built themes come with their own layouts, you can switch between available layouts as needed. You can even work with your development team to create custom components and layouts.

- **[Prebuilt Experience Builder Themes](https://help.salesforce.com/s/articleView?id=experience.community_designer_brand.htm&release=264.0.0&type=5)**  
    Prebuilt themes come with every template. They let you style your site with clicks, not code. Apply color, fonts, and images to your site to match your design or brand. Match your colors precisely by uploading your own logo to generate a custom color scheme. Create branding sets to change colors, fonts, and logos quickly for different audiences and needs.
- **[Change the Theme of Your Experience Builder Site](https://help.salesforce.com/s/articleView?id=experience.community_builder_theme_change.htm&release=264.0.0&type=5)**  
    Experiment and find the theme that works best for your needs, without changing your content.
- **[Use Branding Sets in Experience Builder](https://help.salesforce.com/s/articleView?id=experience.community_designer_brandsets.htm&release=264.0.0&type=5)**  
    Branding sets let you automatically change the look of your sites for different audiences and shift quickly between brands or presentations for campaigns or events.
- **[Customize the Theme of Your Experience Builder Site](https://help.salesforce.com/s/articleView?id=experience.community_builder_theme_customize.htm&release=264.0.0&type=5)**  
    Customize the theme of your Experience Builder site by adjusting everything from the size and color of your headers and footers, to the fonts and colors for active text. We can get you started, but you get to make the final tweaks to make the theme your own.

#### See Also

- [Developer Guide: Dynamic Branding with Login Pages](https://developer.salesforce.com/docs/atlas.en-us.externalidentityImplGuide.meta/externalidentityImplGuide/external_identity_dynamic_with_default_login_page.htm)