Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Page alignment of select and grid questions

Hi all, I have a select and grid question on the same page. While the grid question goes across the entire width of the page, the select question (including the answer choices) is indented to the right, so there is a paragraph on the left side. I can change the width of the select question. However, this only causes the width to increase to the right. How can I change this so that grid and select questions are aligned on the left side of the page. Thank you!
asked Nov 21, 2021 by Pia (300 points)

1 Answer

+1 vote
There are a few elements of select questions that come with built-in left padding.  Try adding this CSS to your select question and see how you like the results:

#[% QuestionName() %]_div .question_body {
    margin-left: 0px;

#[% QuestionName() %]_div .clickable {
    padding-left: 0px;

#[% QuestionName() %]_div .input_cell {
    padding-left: 0px;
answered Nov 22, 2021 by Zachary Platinum Sawtooth Software, Inc. (201,625 points)