Page History

...

1. Navigate to Configuration > Design Templates.
2. Click the "Styling options" tab.
3. Select "<new>" from the Select drop-down list.
4. Enter the name of the style in the "Name" field. This is the name that will appear in the Styling drop-down list in the Editor.
5. Enter the name of the CSS class in the "CSS class" field without the prefixed period (.). This is the identifier defined for it in the CSS code. In the example above, the style is defined as .monospace in the code, therefore the identifier in the style definition is "monospace". For example:
   
   
   
   
   
   
   
6. Click [Apply] and then [Close]. If you add a new style while other users are logged in to XperienCentral, they need to refresh their browser session in order to pick up the new style definition.

See Entering Rich Text for complete information on applying custom styles to content.