Solved

Answer option alignment

Forum|Forum|10 days ago
January 15, 2026
2 replies
34 views

+1

StanislavB1

I need to align the top answer options with the bottom, the support suggested this css but it didn’t work:
.mc.horizontal .choices {
width: auto!important;
}

I also have this code related with the choices alignment, in case it conflicts with the added code:

@media (min-width: 30rem) {

.mc.horizontal .choices .choice.above .choice-label {

flex-direction: column;

max-width: 10.625rem;

min-width: 2.75rem;

padding: .625rem;

text-align: center;

margin: 20px;

}

Best answer by vgayraud

Hi,

I think an easy way would be to create an empty cell in your 1st question.

Try something like this:

Qualtrics.SurveyEngine.addOnReady(function() {

    var choicesWrapper = this.getQuestionContainer().querySelector('.choices');
    var choicePlaceholder = document.createElement('div');
    choicePlaceholder.className = 'choice above radio';
    choicesWrapper.appendChild(choicePlaceholder);

});

+60

vgayraud
QPN Level 7 ●●●●●●●
Answer
Forum|Forum|10 days ago
January 15, 2026

Hi,

I think an easy way would be to create an empty cell in your 1st question.

Try something like this:

Qualtrics.SurveyEngine.addOnReady(function() {

    var choicesWrapper = this.getQuestionContainer().querySelector('.choices');
    var choicePlaceholder = document.createElement('div');
    choicePlaceholder.className = 'choice above radio';
    choicesWrapper.appendChild(choicePlaceholder);

});