Page Comparison

...

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 codename of the styling's CSS class. In the example above, the style class is defined as named .monospace in the code, therefore the identifier namer 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.

...