Home > Advanced Functions > Styles > Editing the 'Apply Styles' List

Editing the 'Apply Styles' List

You can customize which styles are available in the 'Apply Style' list. Here's how to do it:

1. Open the Help System 

2. If you are not already logged in, log in as an administrator with 'tools' permissions. 

3. Click the 'Tools' button to display the 'tools' form.


4. Click 'Styles' to display the style editor. The 'PageStyles.css' styesheet is displayed by default.

5. To include a style that will apply a yellow background with black text, type the following. Make sure that you include /*stylelist*/ after the style name. This specifies that it will be included in the apply style list:

6. Click 'Save' to save the stylesheet.
Note: The /*stylelist*/ attribute can be included for styles in "pagestyles.css", "AppStyles.css" or the skin stylesheet.

7. Click the browser refresh button to reload your help project so that this new style takes effect.

8. Click the 'edit page' button to display the editor toolbar.

9. Highlight the text that you want to apply the style to, and select the 'yellow_background' style in the 'apply style' list.


10. In this example, the text will appear with a yellow background and black text.