• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Editing Styles

When you edit a style, all instances of it will be updated on the pages that use it. Whether you change from brown to green, right-aligned to justified, Arial to Courier, or scrap a style entirely, your changes will be automatic. Remember to upload your edited pages and style sheet.

To edit a style:

1.
Open the Edit Style Sheet dialog box by clicking on the Edit Style Sheet button on the CSS Styles panel, or by double-clicking the name of a style class in the CSS Styles panel.

2.
Click on the name of the style sheet you wish to edit in the styles list box (Figure 11.65), whether that style is an HTML tag you have redefined; a class; or a contextual selector.

Figure 11.65. Click on the name of the style that you want to edit. A summary of its attributes will appear in the Style definition area of the dialog box to remind you of what it already contains.


3.
Click on the Edit button. The Style Definition dialog box will appear (Figure 11.66).

Figure 11.66. In the Style Definition dialog box, you make your changes to the style.


4.
Make your changes to the style in the Style Definition dialog bosx. (See Style Definitions at the end of this chapter for details.)

5.
When you're done, click on OK to close the Style Definition dialog box and return to the Edit Style Sheet dialog box.

6.
Click on Done to close the Edit Style Sheet dialog box and return to the Document window. Your changes will take effect immediately.

or

You can click on another style and click on Edit to modify that style; you can click on New to create a new style sheet; or you can click on Apply to preview your changes. (Be aware that this may apply a style to your page.)


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint