decorative banner

Creating and editing HTML styles


    You can create a style based on formatted text in the page, formatting options you choose in the Basic tab of the New Style dialog box, or HTML attributes and values you enter in the Advanced tab. You can save styles as paragraph or inline text styles and set them to either add to existing formatting or replace it.

    You edit a style by changing any of its options or attributes in the Edit Style dialog box or applying captured attributes of selected text to the style.

To create a new style:

  1. If you want to base the new style on text that's already formatted, select the formatted text in the page.
  2. In the HTML Styles palette, click the New Style button New button .
  3. In the New Style dialog box, enter a descriptive name for the style in the Name text box.
  4. To specify the text formatting attributes for the new style, do one of the following:
    • Click the Basic tab and choose formatting options such as Font, Size, or Color.
    • Click the Advanced tab and click the New Attribute button New button to add an attribute to the top of the scrolling list. For the selected attribute, enter a name, attribute, and its value in the text boxes below the list.

    If you selected formatted text in step 1, the formatting attributes appear in the New Style dialog box. The preview pane at the bottom of the dialog box reflects the combined attributes of the style.

  5. Click the Inline Text button Inline Text button or the Paragraph button Paragraph button for the style type. Inline text styles apply to selected text only and paragraph styles apply to the entire paragraph regardless of what is selected in the paragraph.
  6. Note: The heading, address, preformatted, and align attributes can only be saved as paragraph styles, not as inline text styles. Clicking the Inline Text button will cause GoLive to reset the attributes to "Paragraph."

  7. Choose Add or Replace from the Apply Mode pop-up menu. Styles with the Add apply mode are applied to text in addition to any existing formatting. Styles with the Replace apply mode replace the existing text formatting.
  8. Click OK.

To edit a style:

  1. Select the style in the HTML Styles palette.
  2. Do any of the following:
    • To replace it with the formatting attributes of text that's selected on the page, click the Capture button Capture button .
    • To change its formatting attributes, style type, or apply mode, click the Edit Style button Edit Style button to open the Edit Style dialog box. The preview pane at the bottom of the dialog box reflects your changes to the style. Modify your selections as desired and then click OK.

    Tip iconYou can also Ctrl-click (Windows) or Command-click (Mac OS) a style in the palette to open the Edit Style dialog box.

To remove a style from the HTML Styles palette:

    In the HTML Styles palette, select the style that you want to remove and click the Delete button Delete button .