Customizing themes
Editing
You can edit any custom themes you've created, copied or imported, by clicking on the Edit button (pencil icon) located in the bottom title bar of each custom theme snapshot.
Colours
The visual theme builder allows you to custom most components of your survey very easily, by simply making changes in the left panel, and reviewing them immediately in the right panel (a preview of your survey using the theme you're working on).
You can change colour in your survey in the Colors section in the left panel. Supported colours are as follows:
Background | The background colour of your theme. |
Body text | The general colour of all text in your theme. |
Muted | A shade used to display question inputs and disabled inputs. |
Headings | The colour of your heading elements. |
Highlight | The colour that highlights your choices and question numbers. |
Error | The error highlight colour, used as a background when an error occurs. |
Error text | The colour of the text that appears in an error alert. |
Logo
You can optionally add a logo of your choice, which will appear at the top of your survey on every page. You can specify a width, or let it be displayed automatically, and align it to the left, center or right as required.
Background
You can also change the background of your theme under the Background section. Backgrounds may be set to cover (stretch) the whole background, or repeat themselves indefinitely.
Further customization is possible with knowledge of CSS through the Custom HTML section of the theme builder.
Custom HTML
If you are familiar with HTML and CSS, you can edit the content that shows up immediately before and after the main survey content, inserting CSS of your choice, or 3rd party scripts, etc.