Using the CSS Editor in the Survey Builder you can customise the standard survey layout to your preferred style. Some of the layout features you can edit are background image or colour, logo positioning, typeface (font, colour, size), button styles/colour and more.

The editor is located in a separate tab of the Survey Builder. You can create multiple CSS templates, and decide for each survey group which of these templates you want to use by clicking on the CSS symbol (which looks a little like a mirrored 'E').

Please find below a screenshot of the CSS Editor. Using the drop down at the top left you can either select and edit an existing CSS template or create a new template - don't forget to save any edits! The system will automatically number your custom CSS templates.

Using CSS templates, you can either have a separate layout for each of your surveys, or instead reuse the same layout for multiple surveys.

Please find attached two examples of CSS code used by our customers. We have also attached a gallery of images from some recent work showing the diversity of branding supported by our system.

Please note: although applying different CSS templates to your surveys with the dropdown option is simple, actually creating CSS templates requires CSS expertise. Your CSS template should work well on different types of devices and in different browsers. If you don't have anyone with CSS expertise available in-house, we are happy to connect you with a designer.

Survey CSS Look and Feel Cook Book

To change your Survey CSS you can check our Survey CSS Gallery here!

Also see

Survey Builder

Survey CSS Gallery 

Customized Invitation Emails - Gallery