Open topic with navigation

Selecting Images for List Bullets

You can change the image used for bullets in lists. For example, if you have a small check mark icon that you want to use instead of round bullets, you can select your image.

How to select an image for list bullets using a style

1. Open the topic style sheet that you want to modify.

2. 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.
3. In the upper-left corner of the editor, click in the Show Styles field and select Show List Styles.

4. Select the appropriate list style. For example, you can select the parent li tag, or you can select a class that you may have created for that tag (e.g., li.Bold, li.Italic). For more information about the <li> tag and the other tags for lists, see List Style Tags.

5. From the Show Properties drop-down list on the upper-right side of the editor, select Show: Property Groups.
6. In the Properties section, click the plus button next to List to expand the group. The property name is shown in the left column. The right column is used for selecting and entering values for the property.
7. To the right of list-style-image, click and select an image already contained in your project.
8. 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.

Open topic with navigation