Applying Styles

Now that we have created the thumbnail style, we can apply it to an image.

How to Apply a Style

  1. In the Content Explorer, double-click Attractions.htm. The topic opens in the XML Editor.

  2. Select the Home ribbon, and click Style Window. The Styles window pane opens on the right side of the Flare Desktop interface.

    The Styles window pane displays formatting options for the text that is currently selected. For example, if you have clicked in a paragraph, you will see several styles for formatting text, such as heading styles and any children of the parent p style.

  3. In the XML Editor, select the image of the fountain so that it is highlighted. In the Available Styles section of the Styles window pane, the style that is currently applied to the image of the fountain (i.e., the img style) is shown at the top and highlighted in the list below.

  4. In the Styles window pane, click img.thumbnail. In the XML Editor, the image of the fountain shrinks to the dimensions for the thumbnail (as specified in the stylesheet).

  1. Apply the img.thumbnail style to the image of the panda and the image of Petco Park.

  2. Click Save the active file. to save your work.

    Note If you want, you can apply the img.thumbnail style to other images in the San Diego project.