HelloI would like to extended the width of the questions in my survey so that they are readable to my older adult clients, especially would like to eliminate the Right-Left scroll bar found in the Matrix Table questions when there are multiple response choices. I did my search through the Qualtrics Community discussion board and used this. Entered this in the header of the Look&Feel: if(jQuery("div").hasClass("Matrix")){jQuery(".SkinInner").css("width","98vw")}Then entered this in the custom CCS of Look&Feel: .Skin .QuestionOuter.Matrix{max-width:1000px}I noticed that it worked beautifully but the questions are not centered in the middle. The questions are placed on the left side of the screen. Is there additional coding that I need to make the questions centered in the middle? Thank you for your help! Hchong

Solved

Extending Width of the Questions- HELP!

Forum|Forum|5 years ago
May 19, 2020
2 replies
297 views

hchong

Hello
I would like to extended the width of the questions in my survey so that they are readable to my older adult clients, especially would like to eliminate the Right-Left scroll bar found in the Matrix Table questions when there are multiple response choices. I did my search through the Qualtrics Community discussion board and used this.
Entered this in the header of the Look&Feel:

Then entered this in the custom CCS of Look&Feel:
.Skin .QuestionOuter.Matrix{max-width:1000px}
I noticed that it worked beautifully but the questions are not centered in the middle. The questions are placed on the left side of the screen. Is there additional coding that I need to make the questions centered in the middle?
Thank you for your help!
Hchong

Best answer by rondev

Just add below CSS in custom CSS (Remove other CSS and JS if included)
.Matrix {max-width:100%!important;}