Create and Use CSS Style Sheets

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.

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 Site.com sites:

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

AND

Site administrator or designer role assigned at the site level

To create a style sheet:

Note
Note
  • Style sheet names can only contain alphanumeric characters, hyphens, colons, and underscores.
  • You can also import a CSS file to use in your site.
  1. Click Style Sheets | New on the Overview tab. Alternatively, click New Style Sheet in the Style Sheets view.
  2. Enter a name for the style sheet.
  3. Click Apply. The style sheet opens.
  4. Add style items and groups to the style sheet.

After you create a style sheet, you must attach it to a page to apply its styles to the page.

To attach a style sheet to a page:

Tip
Tip If you used a page template to create your site pages, the quickest way to include the new style sheet on every page is to attach it to the template, which automatically includes a reference to the style sheet in every page that's based on the template.
  1. Select the page in the Page Structure pane (Page Structure).
  2. In the Style Sheets section of the Properties pane (Properties), click Add.
  3. Select the style sheet in the list that appears.
  4. Attach the style sheet to the page by clicking Add beside the dropdown list.