Extra white space above star slider | XM Community
Skip to main content
Question

Extra white space above star slider

  • November 10, 2023
  • 4 replies
  • 82 views

Forum|alt.badge.img+5
  • Level 2 ●●
  • 41 replies

There seems to be a lot of extra white space between the question text and the stars in the slider/stars question type. Is there an easy way to reduce that so it looks more like the other questions? As it is it kind of looks like something is missing. 

4 replies

Sachin Nandikol
QPN Level 6 ●●●●●●
Forum|alt.badge.img+44
  • QPN Level 6 ●●●●●●
  • 531 replies
  • November 10, 2023

Hi @jinx,

 

If you’re using ‘Classic’ layout for your survey, use below code for removing the extra space:

.Skin .QuestionText {

padding: 0px !important;

}

 

You can chnage padding as per your requirements.

 

Let me know if this works for you :)

 


Forum|alt.badge.img+5
  • Author
  • Level 2 ●●
  • 41 replies
  • November 10, 2023

I’m using the default theme for my university. Applying that css takes away the padding for all question types above and below the question text. I only want to reduce the space below the question text/above the star slider stars, only on that question type. 


Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1096 replies
  • November 10, 2023

@jinx Then you can use this code on the star question JavaScript to target it only

Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("#"+this.questionId+" .QuestionText").css({padding: '0px'});
});

 


Sachin Nandikol
QPN Level 6 ●●●●●●
Forum|alt.badge.img+44
  • QPN Level 6 ●●●●●●
  • 531 replies
  • November 14, 2023

Hi @jinx,

 

Try with pasting below code in star question:

<html>
<style>

.Skin .QuestionText {

padding-top:10px !important;

padding-bottom:10px !important;

}

 </style>
</html>

 

You will have to modify the code accordingly