Document! X & HelpStudio Bundle 2022.1
Design the Content / Styles, Formatting and Stylesheets
In This Topic
    Styles, Formatting and Stylesheets
    In This Topic

    Document! X and HelpStudio Bundle includes a variety of functionality for the creation, management, and application of styles. Built around powerful web standard CSS, you can apply existing styles using the Style Picker, define new style rules or inline styles using the Style Editor, and edit your Stylesheets in the built-in Stylesheet editor.

    Fundamentals

    Create a New Style Rule

    1. In the Style Picker dock window click the Create a new Style Rule   toolbar button.
    2. In the Create New Style Rule wizard choose where you want to save the new Style Rule.
    3. Select Next
    4. Choose a name for the new style rule, and set the desired properties.
    5. Click Finish.
    If you wish to apply the newly created Style Rule to some content, follow "Apply One or More Styles Rules to Content" below.

    Styles can also be created in the Stylesheet Editor, these styles will also then be available in the Style Picker.

           

    Apply One or More Style Rules to Content

    1. Select the content you want to style either by highlighting with the mouse or selecting the element from the Page Map.
    2. Using the Style Picker window, select the Style Rule or Style Rules you wish to apply.
    3. The selected content has the selected Style Rules applied.           

    Edit a Style Rule

    1. Click the  Edit button adjacent to the Style Rule in the Style Picker window.
    2. The Edit Style Rule window opens. You can now edit the properties of the Style Rule.
    3. Click OK. The updated Style Rule is immediately reflected in any open content editors, and in the Style Picker.

    Styles can also be edited in the Stylesheet Editor.

           

    Delete a Style Rule

    1. Click the  Delete button adjacent to the Style Rule in the Style Picker window.
    2. Select Yes to the confirmation prompt.
    3. The Style Rule is permanently deleted.

    Styles can also be deleted in the Stylesheet Editor.

           
    See Also