Support

Background

To change the background image first select the style area in which you wish to do it. In this example the style area is Desktop, but the settings are identical in all the style areas. A good background image size is at least 1600 pixels wide and 1200 pixels high. The background image is static and the survey page rolls on top of it. If you use too narrow or shallow image it will be duplicated on bigger screens. See “Try this!” -section on the bottom of this page to find out how to fit the background image on all screens.

Background color: Click the color box to change the survey background color. You can adjust the color by selecting a point from the color picker.

Background image: Click the chequered area to open the image bank where you can select the background image.

Opacity: Adjust the background image opacity.

Dropdown menu: Select the wanted alignment of the background image.

Page background color: Adjusts the survey page background color (the page where the questions are).

1. Click the color box to change the survey page background color. You can adjust the color by selecting a point from the color picker.

2. If you wish to adjust the page background opacity, use the slider in the color picker. (See the image below)

Opacity: Adjust the background image opacity. (Applies only to a selected image.)

Dropdown menu: Select the wanted alignment of the background image. (Applies only to a selected image.)

Try this!

To build visually good looking surveys set a background image and adjust the survey page opacity to show a bit of the background image.

To fit the background image to all screens, goto the CSS editor ( </> -button) and paste this code to the bottom row:

.background{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Related topics