Customization Features In Themes
  • 26 Jun 2024
  • 4 Minutes to read
  • Contributors
  • Dark
    Light

Customization Features In Themes

  • Dark
    Light

Article summary

You can customize a default theme by clicking on the edit button on the theme and managing these features and clicking Save.

Background

This options lets you control the background of your theme. You can customize the entire survey, survey header, page and questions background.

Survey: Using this, you can add an image as the background for the survey. You can either use a colour background using the grey and white shade box right next to Survey button or you can upload an image from your device or select an image from the web using the URL in the pop-up window. You can also adjust the fit of the image. If you wish to remove or change the image, click on the cross button on the image button itself.

Survey Header: This option lets you change the background of the Survey header. You can use a colour gradient or upload an image by clicking Add Image. 

Pages: This option lets you create your own background for all the pages on the survey. You can either upload an image from the Library or from a URL. You can also use colour gradient option to just change the colour of the background.

Questions: You can change the background of the questions using this option. You can either use a colour gradient or add a background image from your library or web.

Note: If you wish to change or delete the image or the colour gradient for any of the above-mentioned options, click on the cross on the respective button.

 

Fonts

This option lets you change the fonts of the different part of the survey to further customize it.

Survey: This option lets you change the fonts of the entire survey. You can select the font by clicking on the Select Font Button. You can also change the colour of the font.

Survey Header: This option lets you change the font of the Survey Header, at the top. You can change the font by clicking on the Select Font Button. You can also change the colour of the font.

Pages: This option lets you change the fonts for each page. You can change the font by clicking on the Select Font Button. You can also change the colour of the font.

Questions: This option lets you change the fonts for all the questions in the survey. You can change the font by clicking on the Select Font Button. You can also change the colour of the font.

 

General

Using this, you can customize some general part of the survey like Progress Bar and buttons.

Progress Bar: This lets you change the colour of the Progress Bar shown at the bottom of the screen. You can also change the width of the Bar by dragging the slider.

Required Asterisks: This option lets you change the colour of the Asterisks symbol that is present on every required question if enabled by you. You can change the colour and its size.

Button: This feature lets you customize the buttons in the survey. You can change the colour and font of the buttons.

 

Miscellaneous

You can customize the minor parts of the survey using this option. This includes customizing NPS colours, choice boxes and many more features.

NPS Color: This option lets you customize the colour of the three promoter levels of the NPS rating scale. You can change the colour of each type — Detractors, Passives and Promoters using the three boxes available.

NPS Color Font: This lets you change the fonts for the three promoter levels of NPS Rating scale. You can change the font of each type — Detractors, Passives and Promoters using the three boxes available.

NPS No Color: This feature lets you change the colour gradient of the NPS scale when you have selected No Colour while creating the question.

NPS No Color: This feature lets you change the font of the NPS rating scale when you have selected No Color while creating the question.

Input Type: This lets you change the way your input boxes appear to the respondents. Input space is the answer box for the respondents. You can change between either a box or just a line.

Display Box Shadow(NPS): This option lets you hide or show the shadow depth effect under the NPS box.

Choice Icons(Single Choice): This option lets you hide or show the small circular selection icon in Single Choice questions.

Choice Icons(Multiple Choice): This option lets you hide or show the small circular selection icon in Multiple Choice questions.

Single Multi Choice: This option lets you change the shape of the answer choice boxes in choice based question. You can drag the slide to either side to switch between the shape of the edges of the boxes.

Graphical Rating Color: This option lets you change the colour of the icons for Graphical Rating Question type.

Graphical Rating Emojis: This option lets you change the colour of the Graphical Rating emojis.

Graphical Rating Colors: This option lets you change the colour of the Graphical Rating. You can break down the scale into three sections or more, as per your need and you can assign different colours to each section. You can make more sections or delete sections by clicking on the + on the right side of the number scale.

Rating Scale Colour: This option lets you change the colour of the rating scale. You can make multiple sections and assign each section their own colours.

Selected Option Background Color: You can change the colour of the background of the selected answer choice by using this section.

Selected Option Color: You can change the colour of the selected option icon using this option.

Mobile Matrix Questions Active Background Color: This option lets you change the background of the Matrix Questions when respondents take the survey on Mobile devices.

Mobile Matrix Questions Active Color: This option lets you change the colour of the icon of Matrix Questions when viewed on Mobile Phones.

Mobile Matrix Questions Rows(Default): This option lets you control the view of the matrix type questions on Mobile Phone. You can switch between Showing just the first row, all rows at once.



What's Next