How to increase the width of answers, when the survey and question widths have both been increased | XM Community
Skip to main content

Hi all,

I’ve modified my custom CSS (thanks to some very helpful questions and answers here on the forum!) to increase the width of the overall survey, and also of the questions. However, that doesn’t seem to increase the width of the answers, which remain stuck at the original width. I’ve scoured the questions here and can’t figure out what CSS tag refers to answer width -- can someone help? (My questions are either text entry or multiple choice displayed horizontally.)

 

Here’s the CSS code I’ve got, added to the overall survey Look & Feel:

.Skin .QuestionText{min-width: 1100px!important;}
.Skin .SkinInner {min-width: 1200px!important;}

 

And a screenshot of the survey -- see how the question text goes much wider than the answer boxes:

 

Hi @Jona you can add this, change the width as you like

 .Skin .QuestionBody {min-width: 1100px!important;}

Thanks @Nam Nguyen , this is just what I was looking for!

 

One small follow-up: when I add that line, it seems to increase the width of the MC question responses, but not increase the width of the text entry responses (but it does left-justify all answers). For my purposes, it doesn’t really matter -- the MC question answers being wider was really what I was most concerned about -- but I don’t understand why this doesn’t work for both types.

 

With the QuestionBody code included:

 

Without the QuestionBody code included:

 

@Jona Because, QuestionBody is just the invisible canvas which element like choices, textboxes are automatically arranged on it. If you want to change the width of TextBox, use

.Skin .TE .SL .InputText {min-width: 1100px!important;}
 

@Nam Nguyen I see, thanks for the explanation, that makes sense! I appreciate the code for adjusting the width of the text boxes as well. Thank you for your quick and very helpful response!

@Nam Nguyen I see, thanks for the explanation, that makes sense! I appreciate the code for adjusting the width of the text boxes as well. Thank you for your quick and very helpful response!

@Jona Happy to help

Leave a Reply


Terms & Conditions