Qute 2.0 – A Theme Generator

Hello there, some general prerequisites:
1. Use the classic theme. Just for reference. See: Theme Types on Qualtrics support
2. Open the following link in a new browser tab by clicking on it: Open latest qute code
3. Follow the setup of the theme as shown in this video: How to to prepare the survey for Qute 2.0 (video)

1. Survey Box
Click image to enlarge help
2. Button Design
Click image to enlarge help
3. Multiple Choice Answer Design
Click image to enlarge help
4. Custom Font & Tooltip Background
Click image to enlarge help
Let's generate the CSS

Your CSS Output:

2. Now, copy this CSS to my clipboard
1. Custom Rating Scale
Click image to enlarge help
2. Default Rating Scale with Temperature
Click image to enlarge help
3. Page Background
Click image to enlarge help
4. Survey Box Layout
Click image to enlarge help
5. Survey Box: Background
Click image to enlarge help
6. Logo, Headline and Subline

Hint:
If you want provide help regarding a certain topic in a tooltip, add this HTML snippet for each one you want to explain to the description field above:

<abbr data-tooltip="Your explanation..." class="tooltip tooltip--top">Obi Wan Kenobi</abbr>
Click image to enlarge help
Let's generate page-specific HTML

Your HTML Output:

2. Copy HTML to my clipboard