Login
Home CMS Documentation Home CMS 10 Administration System Options CMS Settings XHTML Editor Custom CSS

XHTML Editor Custom Content CSS Files

Prerequisites:
  • User groups must exist for administrators to configure the Group option. See Creating Groups for details.
  • The importcss plugin must be selected for all applicable default and group options in Administration > System Options > CMS > XHTML Editor > Plugin Selection. See XHTML Editor Plugin Selection for details about applying plugins.
    Caution
    Selecting this plugin overrides the default Format options of the XHTML editor.
  • One of the following:
    • The systems administrator must 1) create the custom CSS file(s) that contains all XHTML editor classes and styling, and 2) save the CSS file(s) in [Drive]:[path-to-CMS-root-folder]\App_Data\XML.
    • The administrator must 1) create the custom CSS file(s) that contains all XHTML editor classes and styling, and 2) save the CSS file in the CMS Assets Tree.

Administrators can provide custom CSS classes within CSS files to customize XHTML editor formats. Specify the CSS file(s) by default or on a "per group" basis.

To set the location of the custom content CSS file:
  1. Navigate to Administration > System Options > CMS > XHTML Editor > Custom Content CSS.

    Select Option

  2. Choose one of the following steps:
    • Select the Default option to specify the CSS file for all users.
    • Select the Group option to specify the CSS file on a "per group" basis, and select the group from the drop-down list. The CSS file only applies to the selected group.
    Additional Information
    Caution
    If you configure multiple options, save your changes after configuring each option. If you switch from one option to another without saving, you lose your changes.

    If groups have a CSS file, a checkmark (☑) displays next to the group. To clear the group's CSS file, hover over the checkmark and select the Restore Defaults minus (-) icon.

    Restore Defaults

    If you configure a CSS file for the Default option and the per individual Group option, each group's CSS file automatically overrides the Default option for applicable users.

  3. Enter the CSS file's relative path or asset ID in the CSS File Path field.
    Additional Information

    The custom CSS file can live in [Drive]:[path-to-CMS-root-folder]\App_Data\XML via the CMS file system or in the Assets Tree via the CMS user interface.

    If you specify the file location in the CMS file system, the field requires the filepath to be relative to the XML folder. Only system administrators can access the CMS file system.

    If you specify the file location in the Assets Tree, the field requires the asset ID (a/ID). Users with permissions can access the CSS file.

    Select Option

  4. Click Save. The CMS implements styling to XHTML editor formats with classes identified in the CSS file.

Next Steps:

Choose one of the following optional steps.