Support

Colors

To change the survey colors 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.

Click the Colors menu open to adjust the settings.

The Colors menu consists of four sub areas and you can adjust the colors by opening the color picker.

Basic:

Heading 1 Color (Default heading in the text element heading section)
Heading 2 Color
Heading 3 Color (Question texts)
Heading 4 Color
Heading 5 Color
Paragraph Color (Text element text section)
Link Color (The colore of a link added to ‘Titles and text’ element)
Page Border Color (Changes the color of the survey page border. If the change is not visible the border size is 0 pixels.)
Notification Color (E.g obligatory questions show a notifications if the respondent tries to change the page without answering.)

Buttons:

Primary buttons are the buttons that take the respondent “forward” in the survey e.g. Next, Ok etc. Buttons are other buttons like Previous etc. Hover means that the color changes when you hover the mouse cursor over the button.

Primary Button Text Color
Primary Button Color
Primary Button Border Color
Primary Button Hover Color
Primary Button Hover Border Color

Button Text Color
Button Color
Button Border Color
Button Hover Color
Button Hover Border Color

Elements:

Form Element Color (Color of radio buttons and check boxes in choice elements and input text in open field and table elements.)
Form Element Background Color (Background color of radio buttons and check boxes in choice elements and the input fields in open field and table elements.)
Form Element Border Color (Border color of radio buttons and check boxes in choice elements and the input fields in open field and table elements.)

Dropdown Text Color
Dropdown Background Color
Dropdown Border Color

Slider Color
Slider Background Color
Slider Border Color
Slider Tick Color

Table Odd Background Color (Odd row color, almost transparent per default)
Table Even Background Color (Even row color, fully transparent per default)

Status bar:

Text color
Color
Background
Link color

Try this!

You can put RGB or hex values to the color picker. Just erase the current value and write e.g. rgb 255 255 255 and press enter to set the color.

Please note!

When changing colors try to bear in mind what looks best to the respondent and makes the answering easy.

Related topics