SurveyAct Help Center

Create Your Own Theme

If you have some basic design skills, you can customize any theme according to your preferences.

Choose any theme and click edit.
Name your new theme. To copy and edit an existing theme, choose the theme from the drop down menu.
Make the desired changes. To see how your changes will look, choose Update Theme Preview.
When you are ready to apply the changes, click Save & Close. Any default theme you customize will automatically be saved as a new theme.

The following elements in the survey theme can be changed:

Survey Font & Background

Survey Font: You can choose from 8 different font choices which will be appplied to your titles and question text.
Logo Background: Changes the color of the header. If you do not wish to have any color there, enter rgba(255, 255, 255, 0) for a transparent background.
Background: Changes the color of the body of your survey. If you do not wish to have any color there, enter rgba(255, 255, 255, 0) for a transparent background.
Main Background Image: Uploads an image to the background of your survey
Logo Background Image: Uploads ann image to the header of your survey

Progress Bar

Empty Background Image: Uploads an image for the 'empty' state of the progress bar.
Fill Background Image: Uploads an image for the 'full' state of the progress bar.

To see the progress bar, 'Show Progress Bar' must be checked in the survey settings.

Survey Title

Size: Changes the font size of the survey title
Text: Changes the font color of the survey title. You can also choose to make the title bold, italicized, or underlined.
Background: Changes the color of the background behind the survey title. If you do not wish to have any color there, enter rgba(255, 255, 255, 0) for a transparent background.

Page

Background: Changes the background of the page of your survey. This will only affect the center of the survey; the sides are changed in the 'Survey Font & Background' page. If you do not wish to have any page, enter rgba(255, 255, 255, 0) for a transparent background.
Background Image: Uploads an image to the background of your page.
Previous Button: Changes the color of the 'Previous' button
Next Button: Changes the color of the 'Next' button
Page Title Size: Changes the size of the page title. Page titles are optional, so if you did not specify one, this will not change your survey.
Page Title Text: Changes the font color of the page title. You can also choose to make the title bold, italicized, or underlined. Page titles are optional, so if you did not specify one, this will not change your survey.
Page Title background: Changes the color of the background behind the page title. If you do not wish to have any color there, enter rgba(255, 255, 255, 0) for a transparent background.

Question Heading

Size: Changes the size of the font of the question text.
Text: Changes the font color of the question text. You can also choose to make them bold, italicized, or underlined.
Question Number: Changes the color of the question numbers.

Answer Choices

Size: Changes the size of the font of the answer choices.
Text: Changes the font color of the answer choices. You can also choose to make them bold, italicized, or underlined.
Table Background: Changes the color of the background of odd rows of a table question (ie, rating scale). If you do not wish to have any color there, enter rgba(255, 255, 255, 0) for a transparent background.
Table Alternative: Changes the color of the backround of even rows of a table question (ie, rating scale). If you do not wish to have any color there, enter rgba(255, 255, 255, 0) for a transparent background.

Exit Link: Displays on the top right corner of the survey to allow respondents to exit the survey at any time.

Size: Changes the size of the exit link which .
Text: Changes the font color of the exit link. You can also choose to make it bold or italicized.

Require Asterisk

Error Text: Displays when a respondent tries to proceed to the next page without fulfilling the requirements of the current page.

Size: Changes the size of the error text..
Text: Changes the font color of the error text. You can also choose to make it bold, italicized, or underlined.

Related Topics