

Question Spacing determines the amount of space that separates your survey questions. This setting is the same as the Foreground Contrast found in the Background section. We also take into account the background image and overlay color/opacity when determining the proper foreground color. To increase the contrast between the text and background, change this to Medium or High. To determine this, we select a gray scale color that adheres to a proper contrast ratio of 4.5, which is WCAG compliant.

If your survey’s text is hard to read against the survey background, increasing the Foreground Contrast may help improve readability. You can choose between Low, Medium, and High contrast. Skin #Logo Foreground Contrastįoreground Contrast determines the level of contrast between the foreground (text, text boxes, etc.) and the background image. To do this, copy the following CSS code into the Custom CSS editor: html. Qtip: The below bit of code allows you to remove the default logo on your theme. This changes depending on your survey layout, but usually applies to features like the Next and Back buttons. The secondary color of your survey applies to minor elements of your survey. This changes depending on your survey layout, but usually applies to colors of features like the Progress Bar and question highlights. The primary color of your survey applies to the main elements of your survey. From this section, you can customize the primary and secondary colors of your survey. You can change the color of items within your survey in the Style section of the Look & feel menu. The Classic layout uses Helvetica Neue as the typeface.The Modern layout uses Open Sans as the font typeface.


You can also customize the size of your survey’s font. To change your font typeface, click the Font dropdown and select a typeface. You can change the font of your questions and answer choices in the Style section of the Look & feel menu. html, css classes, and ids) will need to be updated to function correctly. When Simple Layout is enabled, elements of custom CSS (e.g. Calculating a Group’s Contribution to Overall Scores (Studio)Īttention: Simple Layout uses a different page structure in order to better support accessibility and mobile first design, which causes custom CSS to function differently.Displaying Total Volume on Widgets (Studio).Percent Total & Percent Parent (Studio).Adding Reference Lines to Widgets (Studio).
