The Style pane is a visual CSS editor that lets you
modify style properties, such as the background color, font size, and border style, as
you work with pages and page elements. If you're using CSS classes or IDs to style
your pages, you can modify or create style items directly from the Style pane, rather than
opening the style sheet.
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 apply a style to a selected page or page item:
- Open the Style pane (
).
- To apply:
- An inline style, select Inline. Inline styles
affect the selected item only and aren't included in a style sheet.
- A CSS class, select Class and start typing the
name. If the class exists in your style sheet, select it in the list
that appears. To create a class, type the name, select it, and click
Yes to add it to the style sheet.
- A CSS ID, select ID and select it in the dropdown
list. To create an ID, click
, enter
the ID name, and click 
.
Menu page elements have several components, which you can style individually by selecting your preferences in
the Style dropdown list that appears.
- In the Visual tab, apply style properties as appropriate. Alternatively, in the Code tab, you
can type your CSS styles directly and click Apply.
