CSS allows you to customize the style of your survey, including colors, typography, and other branding elements. Custom CSS is only available to users with active subscriptions.
Numerous online resources are available to guide you in mastering these languages and implementing the desired changes to your surveys.
To add CSS to your survey, navigate to the Custom CSS section in the Style tab.
Classes are used to target specific elements on the page. Below are some commonly customized classes.
These classes apply to all questions.
The width of the grid resizes based on the number of columns and length of row label text. This ensures the grid is easy to read. To handle this, instead of the typical class, .question-width-container, grid uses the .extended-width-container class to manage the dynamic width. This class is also used with CBC concepts.
The mobile view of grid uses additional classes:
Here are the classes for mobile sizes:
The width of the CBC task resizes based on the number of concepts. This ensures the CBC is easy to read. To handle this, instead of the typical class, .question-width-container, CBC uses the .extended-width-container class to manage the dynamic width. This class is also used with grid questions.
Anchored MaxDiff questions utilize grid styles. If your MaxDiff includes an anchored question, you can choose to style it separate from the grid questions in your survey. To target the anchored question in your survey, use this code:
When the classes in the section above are used, changes will affect all of the questions that use the class. To target a specific question, use this code:
Discover is a live service, regularly receiving automatic security and design updates each week. When either CSS or JavaScript is used, we "freeze" these automatic updates to prevent them from unintentionally interfering with your code. Though updates are not given automatically at this point, surveys are given the latest improvements every time the survey is republished.
If you are using code, before publishing we strongly encourage you to use the test functionality in Discover and run through the parts of your survey that include custom code to ensure there are no unintended interactions.
Note: To maintain the safety and security of Discover, surveys with custom code that haven’t been published in six months will be updated to receive the latest improvements.
Support: support@sawtoothsoftware.com
Consulting: analytics@sawtoothsoftware.com
Sales: sales@sawtoothsoftware.com
