Too much white space in survey - how to change it? | XM Community
Skip to main content
Solved

Too much white space in survey - how to change it?

  • July 15, 2021
  • 7 replies
  • 1185 views
jtj3
Forum|alt.badge.img

I'm developing a new survey and I want to decrease the amount of white space that shows up for the survey participant.
First, it looks like the questions only take up about 2/3rds of the full page width. I don't want to run the full width of the page, but there's an awful lot of WS to either side of the question.
The second thing is that for some of the questions with slider bars, the slider text/area looks really big. In one case a single question takes up most of the web page (and it's only got like 5 sliders in it, so not a huge amount).
I'm not a CSS expert, but would welcome some advice on how I can shrink the WS and make the survey look more compact and balanced.

Best answer by cbhavsar

Hi,
In the question text HTML section add below code:

If this works, you can add the code in survey level by going in Look & Feel -- Style -- Custom CSS and add the code without style tag in there.
If this works, please accept this as an answer to your question.
All the very best for your project!

7 replies

cbhavsar
QPN Level 4 ●●●●
Forum|alt.badge.img+29
  • cbhavsar
  • QPN Level 4 ●●●●
  • Answer
  • July 19, 2021

Hi,
In the question text HTML section add below code:

If this works, you can add the code in survey level by going in Look & Feel -- Style -- Custom CSS and add the code without style tag in there.
If this works, please accept this as an answer to your question.
All the very best for your project!

AlonsoC
jtj3
Forum|alt.badge.img
  • jtj3
  • Author
  • July 19, 2021

This worked, thank you!

E
Level 1 ●
Forum|alt.badge.img+1

@cbhavsar Hi. I saw you posted some code, but can’t see it. Would you mind re-sharing it? Thanks.

cbhavsar
QPN Level 4 ●●●●
Forum|alt.badge.img+29
  • cbhavsar
  • QPN Level 4 ●●●●
  • June 6, 2024

@Elisabetta_Carli 

here you go:

<style>.Skin .SkinInner{width: 90% !important;}</style>

 

 

AlonsoC
E
E
Level 1 ●
Forum|alt.badge.img+1

@cbhavsar Thank you SO much!

cbhavsar
AlonsoC
Administrator
Forum|alt.badge.img+24
  • AlonsoC
  • Administrator
  • June 7, 2024

@Elisabetta_Carli

here you go:

<style>.Skin .SkinInner{width: 90% !important;}</style>

 

 

Thanks for helping our community members!

cbhavsar
cbhavsar
QPN Level 4 ●●●●
Forum|alt.badge.img+29
  • cbhavsar
  • QPN Level 4 ●●●●
  • June 8, 2024

@Elisabetta_Carli

here you go:

<style>.Skin .SkinInner{width: 90% !important;}</style>

 

 

Thanks for helping our community members!

My pleasure! :)

Terms & ConditionsAccessibility statement