Page alignment of select and grid questions

Question

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!

Answer 1

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:

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

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

#[% QuestionName() %]_div .input_cell {
    padding-left: 0px;
}
</style>