Changing the default background properties

You can change the default background color, the default background image, and the default background sound used on the pages within project.

Background images behave differently depending on their size:

• If the dimensions of the background image is equal to or greater than the page dimensions, the background image will not repeat. The program assumes that the background is your interface.

• If only the width of the background image is equal to or greater than the width of the page, the background image will be repeated vertically and also cropped to the size of the page. The program assumes that the background is the middle connection between a header and a footer.

• If only the height of the background image is equal to or greater than the height of the page, the background image will be repeated horizontally and also cropped to the size of the page. The program assumes that the background is the middle connection between a left panel and a right panel.

• If the background image is smaller than the page size in both dimensions, the tiled image will be repeated in both directions and not cropped to the page size. The program assumes that the background is a tiled pattern.

If you choose a background image, the background color will not be visible, unless the image is transparent.

The background sound is continuous; it does not restart as users navigate from one page to the next.

A page with background sound and 24 or more media configured to automatically start might experience issues on mobile devices. For more information, see Automatically playing media on mobile devices.

To specify your changes you either use the Background Wizard or manually set the background's color, image, and sound properties.

For responsive projects, the color of the label in the Design ribbon indicates the device in which an override was placed. For more information about developing responsive projects and setting overrides, see Working with responsive content.

To use the Background Wizard:

1. Select the project in the Project Explorer.

2. Launch the Background Wizard by clicking Background Wizard from the Project Styles & Background group on the Design ribbon. The Background Wizard opens.

3. Follow the prompts and use the controls to configure your background properties.

4. Click Finish when you are done making changes.

To manually configure background properties:

1. Select the project in the Project Explorer.

2. In the Project Styles & Background group on the Design ribbon, click the appropriate background setting you want to change. Select either Color, Image, or Sound.

3. To change the color setting, you can select a predefined color, specify a custom color, or select an existing color. To select a predefined color, click one of the color samples displayed. To specify a custom color, select Custom and use the controls in the Color window to configure a custom color. The custom color you select is saved to the Recent Colors list.

4. To change the image settings, you can select a previously imported file, select a local file, select from the Media Library, or remove the current setting entirely. Previously imported files are listed. Select one to select a previously imported file. To select a local file, select Browse from File. To select from the Media Library, select Browse for Media.Otherwise, select None to remove the setting.

5. To change the sounds settings, you can select a previously imported file, select a local file, select from the Media Library, or remove the current setting entirely. Previously imported files are listed. Select one to select a previously imported file. To select a local file, select Browse from File. To select from the Media Library, select Browse for Media.Otherwise, select None to remove the setting.

   You can configure to play a background sound that plays while users navigate the project. This is accomplished using the Play action with the Background Sound target. For details, see Selecting the action and Selecting the action's target in the section Actions and variables. The background sound does not auto-start on mobile devices.

Knowledge Base | Training | Support
© Copyright ELB Learning 2025