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.
Coloring bubble letters font skin#
Skin #Logo Foreground Contrastįoreground Contrast determines the level of contrast between the foreground (text, text boxes, etc.) and the background image.
Coloring bubble letters font code#
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.The Flat layout uses Poppins as the font typeface.Depending on your selected layout, the default font is different: The font selection dropdown has an option for a Default font.
Click the B icon to the right of the font size to bold your text. To change the font size, type the desired font size (in pixels) into the font size box. This includes bolding the font as well as giving your survey questions and answers different font sizes. 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. You can also customize how your survey moves, from setting a page transition animation to automatically advancing respondents through your survey as they answer questions. This includes your survey’s font, colors, question spacing, and any custom CSS you’d like to add. Your survey’s style is important for making sure respondents enjoy taking your survey.