Trying to adjust spacing around multiple choice question stem and first answer choice

Question

Hello:I’d like to modify the brown/orange space in the picture below.I’d ideally like to enter code into Look and feel → Style → Custom CSS so that it would make the change for all multiple-choice questions.However, I would also appreciate having code that I could slip into the actual question content using the HTML option that would only impact that one question.Much thanks,D’Arcy

ahmedA · Accepted Answer

Ideally what you have shared should work, maybe your QID is wrong, but since you are using the new simple layout, I can’t be certain.One solution could be to go the JS route:Qualtrics.SurveyEngine.addOnReady(function () {const quest = this;const qc = quest.getQuestionContainer();const el = qc.querySelector(".question .question-display");el.style.marginBottom = "0";});

ahmedA · Answer

For the CSS:.question .question-display {margin-bottom: 0;}For individual questions, you can just edit the question HTML and add the same thing in a style tag:....YOUR QUESTION HTML....

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded