How do I remove space between a question and answer choices? | XM Community
Skip to main content
Solved

How do I remove space between a question and answer choices?

  • December 8, 2017
  • 11 replies
  • 597 views
Barnaby
Qualtrics Employee
Forum|alt.badge.img+1
How do I remove space between a question and answer choices?

Best answer by AlexB

You can add this CSS into the Look & Feel (adjusting the last number in padding for the amount of space you want): .Skin .QuestionText { padding: 0 0 0px; }

    11 replies

    MichelleC
    Level 3 ●●●
    Forum|alt.badge.img+10
    • MichelleC
    • Level 3 ●●●
    • December 11, 2017
    @Barnaby are extraneous spaces showing up between them? Like, does it appear that there is a double-space between the question and the answers? If that is the case, I click on your question text and choose the Rich Text editor function and see if your cursor shows an extra space. I wouldn't recommend removing the single space that sits between the question and answers. You'll want it for question legibility/readability for your users.
    Barnaby
    Qualtrics Employee
    Forum|alt.badge.img+1
    • Barnaby
    • Author
    • Qualtrics Employee
    • December 11, 2017
    This is actually more of a theming question - I was hoping there was a way (perhaps with CSS or other custom code) to decrease the amount of space between where my question ends and the answers start to fit a little closer to some of the theming our company uses in other places.
    AlexB
    Level 2 ●●
    Forum|alt.badge.img+2
    • AlexB
    • Level 2 ●●
    • Answer
    • December 12, 2017
    You can add this CSS into the Look & Feel (adjusting the last number in padding for the amount of space you want): .Skin .QuestionText { padding: 0 0 0px; }
    Barnaby
    Akdashboard
    Level 4 ●●●●
    Forum|alt.badge.img+6
    • Akdashboard
    • Level 4 ●●●●
    • February 20, 2018
    @Barnaby Did you ever figure this out for specific questions and not just the whole theme? I have the same issue. I know it requires identifying the specific QID, and I believe it is applied at the question level and not the theme level.
    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • February 20, 2018
    You can remove the space between the bottom of the Question Text and the first choice like this: `jQuery("#"+this.questionId).find('.QuestionText:first').css("padding-bottom", "0px");`
    Barnaby
    T
    Barnaby
    Qualtrics Employee
    Forum|alt.badge.img+1
    • Barnaby
    • Author
    • Qualtrics Employee
    • February 20, 2018
    @Akdashboard - @TomG's solution above works to remove this space at the question level.
    Akdashboard
    Level 4 ●●●●
    Forum|alt.badge.img+6
    • Akdashboard
    • Level 4 ●●●●
    • February 20, 2018
    > @TomG said: > You can remove the space between the bottom of the Question Text and the first choice like this: > `jQuery("#"+this.questionId).find('.QuestionText:first').css("padding-bottom", "0px");` @TomG - would you be able to provide an image example?
    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • February 21, 2018
    @Akdashboard, Here is an image: ! And the entire JavaScript where this.questionId is the ID of the current question: !
    M
    • mihaidricu
    • September 25, 2020

    https://www.qualtrics.com/community/discussion/comment/1117#Comment_1117Thanks!

    How do I get this to work with the other script for removing the space between slider and choice options?

    Qualtrics.SurveyEngine.addOnReady(function()
    {
       jQuery("#"+this.questionId+" ul.labels").insertAfter("#"+this.questionId+" div.slider-container");
      jQuery("ul.labels").css('font-weight', '700');
    });

    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • September 25, 2020

    https://www.qualtrics.com/community/discussion/comment/30596#Comment_30596You can combine them in the same function:
    Qualtrics.SurveyEngine.addOnReady(function()
    {
    jQuery("#"+this.questionId+" .QuestionText").css("padding-bottom", "0px");
      jQuery("#"+this.questionId+" ul.labels").insertAfter("#"+this.questionId+" div.slider-container");
      jQuery("ul.labels").css('font-weight', '700');
    });

    E

    Please how can increase the space between questions in Qualtrics. Thank you

    Terms & ConditionsAccessibility statement