Salesforce Docs Portal

Create Styles in a CSS Style Sheet

Branded styles are available in Site.com sites through Network namespace expressions.

Required Editions

Available in: Salesforce Classic

Available for purchase in: Enterprise, Performance, and Unlimited Editions

Available (with limitations) in: Developer Edition

User Permissions Needed
To build, edit, and manage a community’s Site.com custom pages:

Create and Set Up Communities

OR

Site.com Publisher User field enabled on the user detail page

AND

Site administrator or designer role assigned at the site level

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

See Also