Removing right hand margin on questions | XM Community
Skip to main content

I have adjusted my survey to span 70% of the window with the following code:

.Skin .SkinInner{width: 70% !important;;
max-width: 70% !important;}
 

While this works for majority of the survey, there are questions that still do not correctly span the window despite the forward and back arrows (and banner) spanning the window correctly. The image below is an instance of this. The issue occurs with matrix questions and a dropdown question. 

 

Try below CSS:

.Matrix{min-width: 98%;}

 

Hi @rondev,

Thanks for the insight. I am beyong a beginner with CSS working from these forums, basically. Where should I add this code script within my existing code? 

I added my previous code in the Style tab of Look & Feel. When I tried to simly append your solution to the rest of the CSS in this menu (as below), the issue was still present. 

.Skin .SkinInner{width: 70% !important;
max-width: 70% !important;}
.Matrix{min-width: 98%;}

Perhaps I placed the code in the strong area of the script or might there be another solution? 

Thanks again!

Use this CSS:

.Skin .SkinInner{width: 70% !important;
max-width: 70% !important;}
.Matrix{min-width: 98%!important;width: 98%!important;}

 

Leave a Reply


Terms & Conditions