You are here: Features > Styles and Style Sheets > More About Editing Styles > Editing Rulers

Editing Rulers

After you insert a ruler ("horizontal line") in a topic, you can edit its settings (e.g., size, color, position) by modifying the <hr> style in the Stylesheet Editor.

If you want to have different rulers for your topics, you can open add new style classes for each different horizontal line (based on the <hr> tag). For example, if you want a short ruler, you can create a new style class based on the <hr> tag and name it "short." The full name for you new style would be "hr.short." You can then adjust the style property settings for "hr.short" to meet your needs.

How to edit a ruler

Open the style sheet that you want to modify.
Complete one of the following sets of steps, depending on whether you want to use the Simplified view or Advanced view in the Stylesheet Editor.
- Simplified The Simplified view is better for new users. It provides an easier way to apply properties to styles, with format options available from a toolbar (similar to the way one would use the Text Format toolbar to change the look topic content without a style). In many cases, only the most common property options are available in the Simplified view (e.g., font, letter/word spacing, paragraph alignment/indentation, auto-numbering format, borders, background). One advantage of the Simplified view is that you can apply a property to multiple styles at the same time. You can also click a check box to hide the properties in the editor, allowing you to see only the styles.
- Advanced The Advanced view displays style classes and properties in hierarchical tree structures. It is not as quick as using the Simplified view, but it allows you to edit a great deal more settings than are available in the Simplified view.

If using the Simplified view:

In the local toolbar, make sure the first button displays (which means that the Simplified view is currently shown in the editor). If the button displays instead, then click it.
In the upper-left corner of the Stylesheet Editor, make sure the Show Styles field is set to Show All Styles.
From the grid in the bottom portion of the Stylesheet Editor, find and select the hr tag (or the class of <hr> if you have created one).
In the local toolbar of the editor, click . The Properties dialog opens.
Use the tabs and fields in the Properties dialog to change values for any of the style's properties.

For more information see About Styles and Style Sheets, as well as Editing Styles.
In the Properties dialog, click OK.

If using the Advanced view:

In the local toolbar, make sure the first button displays (which means that the Advanced view is currently shown in the editor). If the button displays instead, then click it.
In the upper-left corner of the Stylesheet Editor, make sure the Show Styles field is set to Show All Styles.
In the Styles section on the left side of the Stylesheet Editor, find and select the hr tag (or the class of <hr> if you have created one).
From the Show Properties drop-down list on the upper-right side of the editor, select Show: Property Groups.
In the Properties section to the right, locate the specific property that you want to change. The property name is shown in the left column. The right column is used for selecting and entering values for the property.
Click in the value column on the right side. Depending on the type of property, you can either type the value, select it from a drop-down list, or complete the values in a dialog or popup box. If you completed values in a popup, click OK at the bottom of the box.

For more information see About Styles and Style Sheets, as well as Editing Styles.

Press CTRL+S or click to save your work.

WHAT'S NEXT?

After editing a style, you can apply it to content in a topic. See Applying Styles to Topic Content.