How to Create a Quest Theme?

Custom themes can be created and applied to one or more Quests. Here you can use custom backgrounds, colours, fonts and sizes for your texts along with your own logos. You have the possibility to customize even further with CSS, if you for instance wish to create your own slider or matrix. You can also create a theme for your report and your emails.

If you wish to create your own custom quest theme, you can do the following:

  1. From the sidebar, select Managers and then choose Theme Manger

select Managers and then choose Theme Manger

  1. Select New and then New Quest Theme
  2. Choose a name and starts customizing

Select New and then New Quest Theme

You have several options when it comes to the customizing. Start by writing the name of your theme.

Start by writing the name of your theme

After that you may edit the following:

  1. Logo
  2. Background
  3. Text
  4. Other
  5. Custom CSS
  6. From the logo section, you can choose an image to head your quest. This can for instance be a company logo or similar:

You can do this by selecting Choose image and then upload a file (from your desktop), link media or previously uploaded media content. It is then added:

Choose image and then upload a file

You can choose the image alignment: left, centre or right:

choose the image alignment

  1. Under background you have the options to add an image or select a background colour:

add an image or select a background colour

In the colour selection you can slide to get different colours and select the transparency of the selected colour (alternatively: provide the RGB- or hex values directly):

select the transparency of the selected colour

  1. From text you can pick and choose between different fonts, sizes and colours for the different areas of text
  2. From other you have additional options to customize the look of your quest:

choose between different fonts

  1. In the last section, custom CSS, you can use CSS to customize the format of the different question types with code. For instance, you can edit the colour in your matrix questions, or change how your slider appears. We’ve created a separate guide for you to follow for this:(https://web2.questback.com/Downloads/ThemeManager_CustomCSS_EN.pdf)

custom CSS

academy

About Academy

Did you find an answer to your question? Under documentation we have gathered informative descriptions that helps you understand Essential's functionality fully. Through insight work, you raise the level of knowledge in the entire organization