How to change the distance between questions in likert survey?

[kkcs2000]

Hi,
I am now preparing a likert survey, with more than one questions in the same page.
The distance between questions seems too far with each other. Is it possible to change the distance between questions?
I checked the jspsych-survey-likert.js plugin and jspsych.css, and did not figure out how to to this.
Your advice will be highly appreciated! Thank you.

[jodeleeuw]

Hi @kkcs2000,

You could adjust the padding-top property here, which is the main CSS rule creating space between the items.

https://github.com/jspsych/jsPsych/blob/master/plugins/jspsych-survey-likert.js#L95

[jodeleeuw]

Can you post a screenshot of what it looks like for you?

[kkcs2000]

Thank you!
This is the snapshot when I set padding-top to 0px. Much better than 40px, the default value, but still a gap.

[kkcs2000]

BTW, 40px is like this.

[jodeleeuw]

Thanks, this is very helpful. We designed the CSS with the use of the prompt parameter in mind. Since you don't have a prompt there is a larger gap than intended. You could remove the margin-bottom rule on the same line I linked above. I think that will effectively remove the space that was used for the prompt.

[kkcs2000]

Thank you for the reply!
I deleted the margin-bottom rule and the line was changed as follows:
html += ".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 0px; }"+
However, it doesn't work.

I think the space for the prompt was not displayed when I used prompt: ""(Fig 1 below). Because when I added some prompt for test, the space became larger (Fig 2 below). The space for the line of prompt in Fig 2 was omitted in Fig 1.

(Fig 1)

(Fig 2)