Survey Look and Feel Customization - Customized CSS - How to?

How can I change the look and feel of my survey?

To change the theme for your survey go to:

  • Login »  Surveys »  Edit
  • Click on Survey Options
  • Survey Software Help Image

  • Make the changes under Themes on the right navigation
  • Survey Software Help Image
  • Once desired changes to the theme are complete, click Save Changes. For multi-user accounts, if the changes are saved in the Shared folder, it would be saved for the other user as well.
QuestionPro Standard Themes We provide professionally designed standard themes. Each theme is carefully designed so the look and feel is uniform irrespective of the platform, browser, or device. Our themes use the latest technology so answering surveys is a lot easier, simple and fun. All of our themes and surveys are fully mobile-friendly. You can select a theme from under Theme . Use the arrow pointers to navigate through the themes. Custom Themes You can customize the following elements on the survey using the Custom Theme option.
  • Background
  • Title Bar
  • Answer Hover
  • Button
  • Font Type
  • Font Size
  • Survey Width

How can I exactly match colors with my brand colors?

You can either select the color using the color picker or you can enter the HEX value for the color. For more information on color codes, please visit: http://www.w3schools.com/html/html_colors.asp

Or you can contact us on live support at: http://questionpro.com/chat/

Full CSS Control

We provide full css control to customize each and every element on the survey. You can access this by going to Customize CSS. You can load any of the standard themes to start with.

  • Full CSS control requires knowledge of CSS – Cascading Style Sheets.
  • This option is available only with our Corporate and higher licenses.
  • Please note that we provide only limited support for CSS.
Survey Software Help Image

How can I find the HEX value for the colors on my site?

Easiest way is to ask your designer/developer or the IT team for the HEX code. Or you can use the following steps:

  • Using Print Screen, take a screenshot of your screen/desktop
  • Open/paste it in any image edition software that you have
  • Use the eyedropper (color picker) utility to get the HEX value for the color required