Understand the Style Sheet View in Site.com

When working with style sheets, you can add style items, organize them into groups, and edit the CSS code directly.

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

Open a style sheet on the Overview tab by double-clicking it or hovering over it and clicking Actions | Edit. The style sheet opens as a new tab.

The style sheet view, numbered 1-4

  • Using the toolbar (1), you can import a style sheet and edit the style sheet's CSS code directly.
  • Using the style sheet pane (2), you can:
  • Using the Style Preview section (3), you can preview and manually edit a selected style item.
    Note
    Note You can't preview at-rules, such as @media or @font-face, in the Style Preview section.
  • Using the visual CSS editor (4), you can define the CSS properties for the selected style item.