ARTICLE

Themes

You can change the appearance of your survey by changing the colors, fonts, applying a theme, or customizing other options like the logo and footer.

Applying a Theme

To apply an existing theme to your survey:

  1. Go to the Design Survey tab in any survey.
  2. In the left sidebar, click Appearance.
  3. Click the Themes tab.
  4. Click any theme to apply it to your survey.

As you build your survey, you can always use the rich text editor to make formatting changes to specific text to override the theme settings.

There are three types of themes:

Theme Type
Description
Standard ThemesStandard themes are basic pre-designed themes you can apply to your survey to change the overall the look and feel. With any plan type, you can apply any Standard Theme to your survey, but you need a paid plan to customize it.
My ThemesThese are Standard Themes you've customized to match your own preferences, brand, or website. When you create a custom theme, it's saved in your account so you can use it again in the future on any of your other surveys.
Premium ThemesPremium themes are pre-designed themes that use advanced customization features.
Team ThemesTeam themes are themes that have been customized and saved to your team's Library. Primary Admins and Admins can add themes to the Library to share them with every member of their team. If your team has added a CSS theme, you’ll find it here.

Theme Colors Carry Over to Email Invitations! When you send your survey via Email Invitation and use the HTML Template, the header and the Begin Survey button in your email template matches the Survey Title Background color of your theme.

Creating a Custom Theme

Custom Themes

Paid feature
Log in to see if this feature is included in your plan.

To create a custom theme:

  1. Go to the Design Survey section in any survey.
  2. In the left sidebar, click Appearance.
  3. Click the Themes tab.
  4. In the Standard Theme section, find a theme closest to what you want your final theme to look like. You'll use this theme as a starting point to create your custom theme.
  5. Click . next to the theme, then select Edit. This creates a copy of the theme and opens up the Settings tab where you can customize different elements of the theme.

Theme Settings

These are the sections you'll find in the Settings tab as you're customizing your theme. Logo and footer settings aren't carried over when you apply your custom theme to a different survey.

  • Nickname
  • Logo
  • Footer
  • Fonts
  • Layout
  • Background Image
  • Colors

Previewing Your Theme

As you customize your theme, you can view your changes on the right side of the page. However, to see the background image, you need to preview your survey.

Adding CSS Themes

Some Enterprise Admins have the option to add a CSS theme to completely customize survey fonts, colors, and branding. Keep in mind, CSS isn’t the same as JavaScript and allows styling customization, but not logic changes. To add a CSS theme, see Managing Brand Assets in the Library.

Editing a Custom or CSS Theme

Changes made to a custom or CSS theme affect any surveys with that theme applied. 

If you need to edit an existing custom theme that’s already being used on other surveys, select the three dots next to the theme and choose Duplicate. This ensures you don’t change your existing surveys.

If you share a survey with a custom theme, only the survey owner will be able to make edits.

Classic Themes

In early 2019, we rolled out brand new themes and customization features for new surveys! The following themes are now considered classic themes: Jungle, Sky, Ocean, Sea Foam, Midnight, Spring, Autumn, Charcoal, Moss, Aqua, City Lights, Boardwalk, Seashell.

TIP! To use a classic theme on a new survey, you can make a copy of an existing survey with the theme applied and the styling will carry over.

  • Fonts
  • Colors
  • Logo
  • Editing Limitations

Accessible Surveys

You can use SurveyMonkey to create surveys that are accessible to people using screen readers. Learn more: Creating Accessible Surveys