All Collections
Design
Changing community background
Changing community background
S
Written by Sonal Singhal
Updated over a week ago

The background of your community is the space behind the main content panel. You can customise this space either by changing the background colour or by adding a background image.

In this article

  • Changing the background colour

  • Adding a background image

  • Background image advanced options


Changing the background colour

It's very easy to change the background colour of your community, but it can have a big impact on the look and feel of it.

To change the background colour of your community:

1. Go to the Design area using the Crowd Management menu. By default, it will open on the Colours tab.


​2. Click on the coloured box above Background.


​3. Choose the colour that you want, click OK and click Save changes at the bottom of the page.


Adding a background image

If you'd like to add a background image, the first thing to consider is whether you would like one large image across the background of the community, or if you would like a tiled (repeated) pattern. There's no right or wrong choice, but it will affect the size of the image that you need to use.

If you would like to have a tiled background image, your image can be any size. The smaller the image is, the more times it will be repeated across the background of your community.

To upload an image to use as the background for your community (one large image or tiled):

1. Go to the Design area using the Crowd Management menu. By default, it will open on the Colours tab.
​

2. In the background section, click Add background image, this will open your file library.


​3. Select an existing image from your library or click Choose file to select a file from your computer.

4. If you've uploaded a new image, make sure that you click Upload file, it makes take a few moments to upload your file.

5. Select the file that you'd like as you background image by clicking on the round button under the image, then click Save choice.


Advanced options

If you upload a background image, there are a number of options that you have to customise how the image is displayed.

Fixed background

The first option is whether or not you would like the image to be fixed on the screen.

If you tick this box, then as users scroll down the main pane of the community, the background image will not move; it will look as though the main pane is sliding up and down on a static background image. If you do not tick this box, then as the user scrolls done the page, it will look as though the central pane is fixed, and they will scroll down the background image.

The other options are concerned with the layout of the image that you upload in the background of the page.

Tiled background

After you have uploaded your image (using the instructions above), you can choose to tile the image using the advanced options.

Click on the Tiling drop down field and choose how you would like the image to be tiled:

Tile

The image will be repeated first horizontally (going across the screen) and then vertically (going down the screen)

Tile horizontally

The image will only be repeated horizontally

Tile vertically

The image will only be repeated vertically

You can also choose where you would like the first image to be replaced (where the tiling will start from) using the second drop down file Position.


Single background image (no tiling)

If you would like one large image as your community's background, it's important to consider 2 things:

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

  2. The centre of the image will be obscured by the main pane of the community.

The most common screensize that people use is 1366 x 768 pixels, so your image should be at least that large. Many people now use monitors as big as 1920 x 1080 pixels, so it is preferable to have an image that caters for those users, but remember that the sides of the image will be cut off for those using smaller screens. For more information, please see our help guide on recommended image sizes.

When you have uploaded your image, select No Tiling in the Tiling drop down field and then chose where you would like your image to be placed.

Good to know

If you've designed an image that works around the centre pane, it's best to chose one of the centre positions (eg Center top)

Did this answer your question?