The Visual Settings dialog box enables you to change visual settings (color, background color, margins and other properties) of your Web Site, Page, Frame or Frame-Source Overlay. Based on the button you have clicked to display this dialog box, you will be able to change  properties of your Web Site, Logical Page, Frame or Frame-Source Overlay.

For Web Site Visual Settings:
You have to specify visual settings (the Inherit properties from the higher level option is grayed.)

For the Page Visual Settings:
You can specify Visual Settings for the Logical Page, or inherit them from the Web Site.

For the Frame Visual Settings:
You can specify Visual Settings for the Frame, or inherit them from the Logical Page.

For the Frame-Source Overlay Visual Settings:
You can specify Visual Settings for the Frame-Source Overlay, or inherit them from the Frame.

The Visual Settings dialog box has four sections:

A list of predefined values is available in the Encoding drop-down list. Select an appropriate one.

The Default Colors section enables you to change colors for the following items:

Check a box at the left of an item to specify its color. Click a color button beside the item. Choose a color library from the combo box and choose a color from the list. To edit a  color, click the More button.

The Margins section enables you to set the distance of your text from the Left and Top margins of a frame. Click the check box and enter desired numbers.
Note that these settings, when specified, override the Margin Width and Margin Height settings in the Frame Properties dialog box.

The Background section enables you to set a background color or image. If you want to specify a background, check the Background box. If this box is not checked, the background will be of the default background color set in a user's browser. If you want to set a simple background color, check the Color radio button. The Background section will look like a color selection window. The drop-down list at the top of this section enables you to select a Color Library. If you want to set an image as a background, check the Image radio button. The Background section will look like a image selection window. This window has three tabs:

You can also import any image file by clicking the Import... button, create a new image by clicking the Create button, or acquire an image from any data source such as scanner, digital camera or other device by clicking the Acquire... button. All changes are immediately shown in the Sample preview section of the dialog box.

The Extra HTML button enables you to insert an extra HTML code into a current HTML tag. When you click on the button, the Extra HTML Tag Attributes dialog box is displayed where you can enter the extra tag attributes. You must be familiar with the HTML language to use this feature correctly.