---
schema_version: "1"
id: 5e35fb3bf07ff6aa5c07f706779d60b7d82c9c4bbd9316a7720dbdaf792db739
title: Use the Branding Editor
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_branding_editor.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_editor.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 3efd6b984f3fac6cd916b81c4b5f8ac5fb5ea4c1a1336512c324191276fbed8c
description: The Branding Editor provides a centralized place to customize and then preview the changes that you make to the branding properties in your site.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Use the Branding Editor

The Branding Editor provides a centralized place to customize and then preview the changes that you make to the branding properties in your 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: Salesforce Classic</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>,
                and <strong>Unlimited</strong> Editions</p>
              <p style="margin-bottom:0;">Available (with limitations) in:
                <strong>Developer</strong> Edition
              </p>
            </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="d111486e74">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d111486e74 ">To build, edit, and manage Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d111486e74 ">
              <p><samp class="parmname">Site.com Publisher User</samp> field enabled on the
                user detail page</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Site administrator or designer role
                assigned at the site level</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d111486e74 ">To edit only content in Site.com sites:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d111486e74 ">
              <p>
                <samp class="parmname">Site.com Contributor
                  User</samp>
              </p>
              <p>AND</p>
              <p style="margin-bottom:0;">Contributor role assigned at the
                site level</p>
            </td>

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

The Branding Editor includes two areas:

- The editor palette, on the left side, contains all of the branding properties that you can edit.
- The preview area on the right side shows a live preview of how your website will appear after you change a style.

1. Open the page that you want to edit.
2. Click ![Branding editor button](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/siteforce_icon_branding_editor.png).
3. From the left pane, select the style property that you want to edit.
    
    Your results appear immediately in the right pane.

#### See Also

- [Site Branding Overview](https://help.salesforce.com/s/articleView?id=platform.siteforce_prop_brand_overview.htm&release=264.0.0&type=5 "Branding provides a flexible way for you to define different aspects of your website's brand. Once branding properties are defined, your editors can easily customize everything in one centralized place, the Branding Editor. When your website editors customize the properties, they get a preview of their branding changes immediately.")
- [Creating Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_create.htm&release=264.0.0&type=5 "With branding , you can quickly create style properties that can be reused by editors of your site.")
- [Set Up Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_setup.htm&release=264.0.0&type=5 "After you create branding properties, the next step is to reference them as expressions in your Cascading Style Sheets (CSS) or Site.com page elements such as content blocks or custom code elements.")