Background image

A background image can help establish a look and feel of your community.

You need Admin permission to perform this task. See Permissions and access levels for details.

Set the background image that appears behind the community content panel. The image can a single large background image or a repeating tiled pattern.

A non-tiling, background image behind the Design panel

For a tiled background image, the image can be any size. The smaller the image is, the more times it repeats in the background of your community.

When using one large image, consider:

  • The center of the image will be obscured by the community pane

  • The image will be viewed on monitors of different sizes, so the size of your image should be optimized to look good for as many as possible.

    • The most commonly used screen size (as of 2024) is 1920 x 1080 pixels. However, many people use 1366 x 768 pixels and smaller screens. Either way, the sides of the image will be either

      • cut off for screens smaller than the image, or
      • empty for screens wider than the image.

  • Regardless of size, consider positioning the image to be Center, Center top or Center bottom to ensure it sits correctly around the community pane.

These size guides can help when creating a background image. If you are using Adobe Photoshop or an app that can read Photoshop files, the first guide shows the different screen sizes as different layers. The guide is a full-size image showing the different screen sizes.

For more information, see Image size guidelines.

  1. Go to Admin Setup > Design > Colors.
    Design > Colors tab showing the Design element colors
  2. Click Change.
    Use the file picker to select the image and optionally upload a new one to your library,
    1. If the file is not already in your library

      1. Click Choose file and select a file from your computer.

      2. Click Upload file to add the file to your library.

    2. Select the image from your library.
    3. Click Save choice.
    Note: To not use an image in your community, choose the "Nothing" image.

    The "Noting" image is the first option in the file library

  3. Optional: Choose how and where to place the image in the background.

    • Fixed locks the image place on so that the page content scrolls over it. Otherwise, when not fixed, the background image scrolls with the page.

    • Tiling indicates how to tile the image, if at all. Either

      • none,
      • only horizontally (across),
      • only vertically (down), or
      • both across and down.

    • Position says where to place (no tiling) or where to start (tiling) the image on the page.

  4. Click Save changes.
The image now appears in your community background.