---
schema_version: "1"
id: dc8cd7f63e5189a061f686ab5411c676f73bd8fd18c08f9e0382d461c8ee888e
title: Create Styles in a CSS 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_creating_styles.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_communities_branding_creating_styles.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: c5374de9758cbac0a37ed81b8a637a06bf776cd8f1a9aec45b74d5f38b65efe5
description: Branded styles are available in Site.com sites through Network namespace expressions.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Create Styles in a CSS Style Sheet

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

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d35509e77 ">
              <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>

You can access a full list of available Network namespace expressions to create community styles in any CSS style sheet. When you add an expression to a CSS rule, Site.com “pulls in” the style as it's defined in the community, and displays it on your page.

To create community styles in a CSS style sheet:

1. Open an existing style sheet or create a style sheet. (See [Creating and Using 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.").)
2. Click **Edit Style Sheet Code**.
3. Add a community style rule by using any of the available Network expressions. You can create both ID styles and class styles. For example:
    
    ```
    #main_content_block {
    		background-color: {!Network.primaryColor};
    		color: {!Network.primaryComplementColor};
    }
    .secondary_content_blocks{
    		background-color: {!Network.zeronaryColor};
    		color: {!Network.zeronaryComplementColor};
    }
    ```
4. Apply the new styles to elements on other pages.

![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 Remember, the style sheet that contains your community styles must be attached to the page containing your styled elements.

#### 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.")
- [Expressions Available for Community Branding](https://help.salesforce.com/s/articleView?id=platform.siteforce_communities_branding_styles_reference.htm&release=264.0.0&type=5 "You can use the Network namespace expressions listed on this page to create your own Community styles.")
- [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.")