CSS lets you customize the style of your survey, including colors, typography, and other branding elements. Custom CSS is available on paid plans.
To add CSS, from the Create tab, navigate to Settings and click Custom CSS.
Numerous online resources are available to help you learn CSS and implement changes to your surveys.
Classes target specific elements on the page. The documented classes below are supported and maintained. Other classes found through browser inspection may change without notice and are not guaranteed to work across updates.
Each section below includes an image showing which elements the classes target, along with the class names for easy reference and copying.
These classes apply to all questions.
Note: .question-width-container changes the width of all questions in the survey. CBC and grid questions use additional classes to handle their dynamic content — if you use this class, verify those question types appear as intended.
Note: CBC uses .extended-content-width-container instead of .question-width-container to manage dynamic concept widths. This class is also used for grid questions.
Mobile view
Mobile view
Anchored MaxDiff questions use grid styles. If your MaxDiff includes an anchoring question, you can style it separately from other grid questions in your survey. To target it specifically:
To apply styles to a single question rather than all questions using a class:
Discover receives automatic updates regularly. When custom CSS or JavaScript is present, automatic updates are paused to prevent unintended interference with your code. Updates are applied the next time the survey is republished.
Before publishing, use the Test feature to run through any parts of your survey that include custom code and check for unintended interactions.
Note: To maintain safety and security, surveys with custom code that haven't been published in six months will be updated automatically to receive the latest improvements.
