Themes

Themes

Play around with your survey's fonts, background, and colors. With our themes, you can change the look and feel as much as you like. Align it with your brand's image to give it a professional look.

Table of Contents

 

Current Theme

You can find your current theme here and edit it to suit your style. 

View current theme

 

My Theme

This tab contains a collection of all the themes you've applied or created. You can apply themes you've created in previous surveys to maintain consistency, or customize them for a fresh look.

View all my themes

 

Custom Themes

With any paid Zoho Survey plan, you can design your theme's entire appearance.

To create a new customized theme, click the Add icon.

View survey custom themes

 

You can also do this from the Customizable tab.

Customize themes in Zoho Survey

 

All the themes in the Customizable tab are fully editable:

  1. Click the Themes tab.
  2. Hover over a customizable theme and click the Edit icon.

 

Preview Theme

How do I preview my survey's theme?

Hover over the theme and select the Preview option. You can also preview it by clicking the current theme.

Preview theme

 

Create and Edit Theme

How do I create or edit a theme?

1. Click the Customize Basic Theme or Edit icons to get to the theme editor.

Create a new theme

2. The left pane will display the customizable categories: general, background, header, body, and footer. Click any category to edit it.

Edit themes in survey

How do I...

General

Background

Header

Body

Footer

 

General

 

How do I set common customizations across my survey?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. The General tab in the left pane will be selected by default. Use the options in this tab to set common customizations across your survey.

How do I set a common color scheme across my survey?

  1. Click the Themes tab.
  2. Click Customize Basic Theme.
  3. Select the General tab in the left pane.
  4. Select a Color scheme

How do I select a common font for my survey?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the General tab in the left pane.
  4. Select a style from the Font section.

How do I adjust the survey form's background opacity, corners, and shadow?

Set theme effects

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the General tab in the left pane.
  4. Scroll to the Effects section.
  5. Click and drag the sliders to adjust the background opacity, the roundness of the form's corners, and the shadow effect.

How do I style my survey form's with border patterns?


Add survey form border

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the General tab in the left pane.
  4. Scroll down and turn on the Form border settings to adjust the style, width and color of the border.
  5. Select a border style.
  6. Click and drag the slider to adjust the form width.
  7. Click the color grid to choose a color.

How do I select my survey form's size?


Adjust survey form size

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the General tab in the left pane.
  4. Scroll down to the Form size section.
  5. Select Standard or Large.

 

Background

How do I customize my survey's background?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Background tab in the left pane.  Use the options in this tab to customize your background.

Customize survey background

How do I upload an image to my survey's background?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Background tab in the left pane.
  4. Select the Image option.
  5. Click Browse. You can upload an image from your image gallery or enter a URL to add an image from the web.

How do I choose a pattern for my survey's background?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Background tab in the left pane.
  4. Click the Pattern option.
  5. Select your preferred pattern. You can preview it from the form on the right.
  6. Click the color grid and select a pattern color. 

 

Header

How do I customize my survey's header?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Header tab in the left pane. Use the options in this tab to customize your header.

Customize survey header

How do I align my survey's header (logo and title)?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Click the Header tab.
  4. Select an Allignment, left, middle, or right, for your survey's logo and title.

How do I upload a header background image?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Click the Header tab.
  4. Scroll down to the Background section.
  5. Click the Image option.
  6. Click Browse.
  7. Upload an image from your gallery or enter a URL to add an image from the web. You can also use the color grid to select a single color as your background. 

How do I add a logo or edit its appearance?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Click the Header tab.
  4. Scroll down to the Logo section.
  5. Click the switch to display or hide the survey's logo. Note: The logo section can only be enabled if a logo has been uploaded in Settings.
  6. Click and drag the slider to adjust the logo's size.

How do I add a title or edit its appearance?


Add a title to survey

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Click the Header tab.
  4. Scroll down to the Display title section.
  5. Click the switch to display or hide your survey's title.
  6. Select a font.
  7. Click and drag the slider to adjust the size of the title's font.
  8. Click the color grid to choose a font color.

How do I add a border to separate the survey's header and body?


Add a header divider to survey

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Click the Header tab.
  4. Scroll down to the Header divider section.
  5. Click the Header divider switch.
  6. Select a style.
  7. Click and drag the slider to adjust the width.
  8. Click the color grid to choose the border's color.

 

Body

How do I customize my survey's body?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane. Use the options in this tab to customize your body.

Customize body

How do I select a color for the body's background?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Click the color grid, under Body background color, to choose a color.

How do I customize the page description?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Page description section. Note: Page description customization options will only appear when you've added one to any of your pages.
  5. Click the color grid to choose a color for the page description.
  6. Choose left, center, or right alignment for your page description.

How do I add a question divider?


Add a question divider

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Question divider section.
  5. Click the switch to enable or disable question dividers.
  6. Select a style.
  7. Click and drag the slider to adjust the divider's width.
  8. Click the color grid to choose the divider's color.

How do I edit the typography for questions and answers?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Font section.
  5. Choose Question or Answer to edit the respective fields.
  6. Select the font.
  7. Click and drag the slider to choose the font size.
  8. Click the color grid to choose the font color.

Select font

How do I customize the appearance of answer fields (choice fields, on hover, selection)?


Customize fields

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Fields section.
  5. Select colors for the different elements of the answer field. You can change the color of the background, border, hover border, selected field background, and selection tick.
  6. Click the color grid for each option to choose your preferred color.

How do I customize the appearance of text boxes?


Customize textbox

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Text boxes section.
  5. Click and drag the slider to adjust border width.
  6. Click and drag the slider to adjust the roundness of the text boxes' corners.
  7. Click the color grid to select the background color.
  8. Click the second color grid to choose the font color.

How do I edit the button's font, size, alignment, and border thickness?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Button section.
  5. Select Typo.
  6. Select a font.
  7. Click and drag the slider to choose the font size.
  8. Select an alignment.
  9. Click and drag the slider to adjust border thickness.

Customize buttons

How do I edit the Navigation and Submit buttons' background color and opacity, font color, and border color?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Body tab in the left pane.
  4. Scroll down to the Button section.
  5. Select Navigation or Submit to customize the respective buttons. Note: Navigation buttons' options will only turn up if there are more than one pages in the survey.
  6. Click the color grid to choose a background color.
  7. Click and drag the slider to adjust the background opacity.
  8. Click the color grid to choose a font color.
  9. Click the color grid to choose the border color.

 

Footer

How do I customize the survey's footer?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Footer tab in the left pane. Use the options in this tab to customize your footer.

Customize footer

How do I select a color for my survey footer’s background?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Footer tab in the left pane.
  4. Click the color grid, the Background section, to choose a background footer color.

How do I change the font and font color of the footer text?

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Footer tab in the left pane.
  4. Scroll down to the Font section.
  5. Select a font for the footer text.
  6. Click the color grid to choose a font color.

How do I add a border to separate the footer and the body of the survey?


Add a footer divider

  1. Click the Themes tab.
  2. Click the Edit or Customize Basic Theme icon.
  3. Select the Footer tab in the left pane.
  4. Scroll down to the Footer divider section.
  5. Click the Footer divider switch to enable and disable the footer divider.
  6. Select a style.
  7. Click and drag the slider to adjust the border's width.
  8. Click the color grid for the border's color.

 

Save Theme

How do I save my theme settings?

  1. Click the Save and Apply button at the bottom of the left panel after you've created your theme.
  2. Enter a name for the theme. It will be saved in My Themes. If you don't want to preserve your changes, just click Reset


Create online surveys

 

Delete Theme

How do I delete a theme?

Delete themes

  1. Click the Themes tab.
  2. Click My Themes, and hover over the theme you want to delete.
  3. Click the Delete icon. If you delete a theme that is currently applied to your survey, the default theme will apply instead.

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: support@zohosurvey.com