About themes

A theme is the design of your survey as participants see it: fonts, colors, logo, background and a few display rules. Every survey uses one survey theme. LimeSurvey Cloud ships four core themes, and you adjust the look of each survey with the theme options in the editor. You do not need to write code.

Where themes live

• The Themes page lists the themes installed on your survey site. Open it from the left sidebar of your workspace (the Themes icon) or from the top bar under Configuration > Advanced > Themes. It has three tabs: Survey themes, Admin themes and Question themes, plus an Upload & install button. See Manage themes.
• The survey's theme is chosen in the editor under Settings > General (gear icon in the left toolbar), in the Theme section. The list offers Fruity TwentyThree and the themes you extend from it.
• The theme options of a survey are in the editor under Presentation (the paint bucket icon in the left toolbar) > Theme options, with a live preview on the right.
• Your own theme, with your own CSS or JavaScript, is made in the theme editor. See Create your own theme in the theme editor. To style single questions, see Style questions with CSS.

The Themes page:

1. Upload & install: installs a theme from a ZIP file.
2. Survey themes, Admin themes and Question themes: one tab for each kind of theme.
3. Type: Core theme for the themes LimeSurvey ships, User theme for your own. Extends shows the theme it builds on.
4. The ... menu of a theme, here of your own theme: Theme editor, Theme options, Extend, Uninstall and Reset.

The four core themes

• Fruity TwentyThree: the default for new surveys. Single color variations, made for a flexible use.
• Fruity: the previous default, with monochrome variations and many options for customization.
• Bootswatch: based on the Bootswatch theme collection.
• Bootstrap Vanilla: a clean base for developers who build their own theme.

What you can change per survey

Under Presentation > Theme options you set:

• Logo: show or hide the logo and upload your own file.
• Appearance: fonts, font color, background color, question background color, theme color, the check icon, and an optional background image.
• Display options: corner radius, hide privacy info, wrap tables, show the Clear all button, position of the question help text, popups, and a few behaviors such as deselecting a single-choice option by clicking it again.

Check the colors you pick for contrast, so that everyone can read your survey. See Create accessible surveys.

The second item in the Presentation panel, Presentation, holds display and navigation settings that are not part of the theme: progress bar, question numbering, backward navigation, date format, decimal mark, public statistics and more.

Theme options also exist for the whole survey site: on the Themes page, click ... next to a theme, then Theme options. A survey inherits these settings, or those of its survey group, unless you change them in the survey.

Next steps

• Theme options and presentation settings
• Create your own theme in the theme editor
• Use a question theme
• Manage themes
• How do I remove the LimeSurvey branding?