You are here: Administrators Reference > Site Administration > Content Formatting

Content Formatting

Along with other features for optimizing your site for responsive design, CommonSpot includes built-in support for responsive styles, as well as robust support for styling elements. Administrators can easily manage and contributors can intuitively choose the appropriate CSS classes for controlling styling for general or grid row layouts and layout elements.

You can assign styles to individual CommonSpot Elements or their subcomponents and set global style defaults. Style classes can be made available for use with multiple Element components and each component can have multiple classes available for use with it. Only contributors with with Style privileges can select a particular class for CommonSpot elements or element subcomponents

For information on using styles to format text content, refer to the Rich Text Editor section of this guide and the appropriate sections of the CommonSpot Content Contributor's Reference.

Assigning Classes to Individual Elements

To enable contributors to apply style classes to elements on a page or template, first register the class, then assign it as an available option for the appropriate Element or Element subcomponent. See Elements & Forms.

This process consists of the following steps:

  1. Add a class with the desired style rules to a .CSS file.
  2. Save the .CSS file in your site's /style/ subdirectory.
  3. Register individual classes in the Manage Style Definitions dialog.
  4. Assign each class to Element and/or subcomponent types through the Manage Element Component Styles and Element Component Style Options dialogs. You can also register new classes through this dialog.
  5. Add the .CSS file to the style sheet set for the desired pages or template using the Page Style Sheets and Style Sheets dialogs. See Style Sheet Sets in the Contributor's Reference.

Repeat this process for each style sheet used at your site.

Once you create style associations, content contributors with Style privileges can select classes for specific Elements and/or subcomponents through the associated Element Style dialog, accessed by clicking the Element Tool and choosing Style.


Related Links

Manage Style Definitions

Add Style Definition

Manage Element Component Styles

You can download PDF versions of the Content Contributor's, Administrator's, and Elements Reference documents from the support section of (requires login).

For technical support: