Changing the page or region background

Related topics

You can change the background of the page or region to a specific color or image by editing the style that is applied to the page or region.

The following example shows the same region with different background color settings:

If your background image is smaller than page or region, it will be repeated as a pattern to cover the whole page or region.

To change the page or region background, you must have at least one of the following privileges:

• Portal administrator

• Manage Style privileges on the page group to which the style belongs

• Manage Style global privileges on All Page Groups

• Manage global privileges on All Styles

Be careful when changing a style, because any changes you make affect the appearance of all the pages and regions that use the style.

To change the page or region background:

1. In the Navigator, click Edit next to the style with which you want to work.

   Tip: If the style is used by more than one page group, it will be under the Shared Objects page group.

   Tip: If you do not know the name of the style you want to change, edit a page or region that uses the style. When editing a page or region, if you have the appropriate privileges, you can also edit the style used by that page or region.

2. In the Style Element Type section, choose Common.

3. In the Style Element Properties section, choose Background.

4. To select a new color for the page or region background, click the color in the color palette, or enter the hexadecimal color code in the Background Color field.

5. To apply an image to the background of the page or region, enter the name and location of the image you want use in the Background Image field, for example:

   c:\webimages\pagebg.gif

   Tip: If you do not know the name and location of the image you want to use as the background image, click Browse to locate the image on your file system.

   Notes:

   • To delete a background image, click next to the image. (This icon is displayed only when a background image exists.)

   • The image file must be of type JPEG, GIF, or PNG.

6. Click Apply.

   The Preview section is refreshed to show your color and image selections.

7. Click Close to return to the Navigator.

Related topics

Creating a style
Style elements

Back to top