---
schema_version: "1"
id: 044ce131528f5bedd74a3be68c2e2013c65d00b7fd19f4d08e65c0f5c9d5cf52
title: Apply Community Styles from the CommunityBranding Style Sheet
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_communities_branding_applying_stylesheet.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_communities_branding_applying_stylesheet.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 4984fd7b74830577f6d75389f66231eb7a3850f14afd83d2f50e188e60576143
description: The CommunityBranding style sheet contains a set of CSS styles created from Network namespace expressions.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Apply Community Styles from the CommunityBranding Style Sheet

The CommunityBranding style sheet contains a set of CSS styles created from Network namespace expressions.

### 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="d212725e80">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d212725e80 ">To build, edit, and manage a community’s Site.com custom
              pages:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d212725e80 ">
              <p>Create and Set Up Communities</p>
              <p>OR</p>
              <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>
        </tbody>
      </table>

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)

Note As of Spring ’15, the Community Template is no longer available for creating communities. If you already have a Site.com community that’s based on the Community Template, it continues to work. For information on creating a community with a new Lightning Community template, see [Create an Experience Cloud Site](https://help.salesforce.com/s/articleView?id=experience.networks_creating.htm&type=5&language=en_US).

The CommunityBranding style sheet is attached to the Community Template, and is responsible for the template's branded look and feel. You can access the styles in the CommunityBranding style sheet and apply them directly to elements on any page.

To apply community styles using the CommunityBranding style sheet:

1. Make sure the CommunityBranding style sheet is attached to the Site.com page you want to brand.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)
    
    Note All Site.com pages based on the Community Template automatically have the CommunityBranding style sheet attached to them.
2. Select the element on the page you want to style.
3. Open the Style pane.
4. Select Class.
5. Start typing “brand”.
    
    A list of all of the available styles in the CommunityBranding styles sheet appears.
6. Select the style you want to apply.

#### See Also

- [Create Branded Pages Overview](https://help.salesforce.com/s/articleView?id=platform.siteforce_communities_branding_map.htm&release=264.0.0&type=5 "When you create a Community site, Salesforce automatically creates a Site.com site and associates it with your community.")
- [Create Branded Pages from the Community Template](https://help.salesforce.com/s/articleView?id=platform.siteforce_communities_branding_template.htm&release=264.0.0&type=5 "Site.com Community sites include a branded template that you can use to create community site pages.")
- [View the CommunityBranding Style Sheet](https://help.salesforce.com/s/articleView?id=platform.siteforce_communities_branding_stylesheet.htm&release=264.0.0&type=5 "The CommunityBranding style sheet contains a set of branded styles from your community.")
- [Create and Use CSS Style Sheets](https://help.salesforce.com/s/articleView?id=platform.siteforce_style_css_create_sheet.htm&release=264.0.0&type=5 "A default style sheet called “Site Style Sheet” is included with every site you create. However, if you're familiar with CSS and need multiple style sheets, you can create ones to use in your site.")