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:
- Open an existing style sheet or create a style sheet. (See Creating and Using CSS Style Sheets.)
- Click Edit Style Sheet Code.
-
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}; } - Apply the new styles to elements on other pages.
