You are here: Features > Styles and Style Sheets > More About Editing Styles > Using Styles to Determine the Look of Topic Toolbars

Using Styles to Determine the Look of Topic Toolbars

You can use the Madcap|topicToolbarProxy style to change the look of the container holding generated topic toolbars.

How to use styles to determine the look of topic toolbars

Open the style sheet that you want to modify.
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.

Note: Some of the necessary style properties can also be changed in the Simplified view in the Stylesheet Editor.
In the upper-left corner of the editor, click in the Show Styles field and select Show Reusable Content Styles.
In the Styles section of the editor, select MadCap|topicToolbarProxy.
From the Show Properties drop-down list on the upper-right side of the editor, select Show: Assorted Relevant Properties. The most relevant properties for that style are shown on the right side of the editor.
In the Properties section to the right, you can change a variety of style settings for topic toolbars. You may need to click the plus button next to a property group (e.g., Block, Box, Border) to see the actual properties within it.
Locate the specific property that you want to change. The property name is shown in the left column. Use the right column to select and enter values for the property. Depending on the type of property, you can either type the value, select it from a drop-down list, or complete the value entries in a popup box. Here are some of the more common properties that you might change:
- Border below To change the border line that appears at the bottom of the topic toolbar, click the plus button next to the Borders property group. Then click in the right column next to border-bottom, set the border width, unit of measurement, color, and/or style in the small drop-down window. Click OK. You can also use the other cells in this property group to add borders above, to the left, or to the right of the topic toolbar.
- Padding above To change the amount of empty space (padding) above the text within the topic toolbar container, click the plus button next to the Box property group. Then click in the right column next to padding-top, set the padding value in the small drop-down window, and click OK.
- Padding below To change the amount of empty space (padding) below the text within the topic toolbar container, click the plus button next to the Box property group. Then click in the right column next to padding-bottom, set the padding value in the small drop-down window, and click OK.
- Space above To change the amount of space above the topic toolbar container, click the plus button next to the Box property group. Then click in the right column next to margin-top, set the margin value in the small drop-down window, and click OK.
- Space below To change the amount of space below the topic toolbar container, click the plus button next to the Box property group. Then click in the right column next to margin-bottom, set the margin value in the small drop-down window, and click OK.

Note: You can also affect the look of topic toolbars by modifying the styles in your skin. See Specifying Skin Style Settings.

Note: For more information about the components and properties in the editor, as well as the tasks that you can perform in it, see About Styles and Style Sheets, Editing Styles, and Stylesheet Editor.

Note: Different browsers may treat margin and padding settings differently. For example, Internet Explorer 8 and Firefox honor padding settings more than they honor margin settings. If you were to set a left margin at, say, 1 inch, Internet Explorer 7 would show it that way. However, in order to get the same results in Internet Explorer 8 or Firefox, you would also need to set the left padding at 1 inch.

Press CTRL+S or click to save your work.