css - Qualtrics:减少单选按钮标签的填充

Question

我正在尝试使用 CSS 更改内置调查主题“Minimal 2014”。具体来说，我正在尝试减少几个地方的空间以使其更紧凑。

我已经设法在 Look & Feel 下的自定义 CSS 选项中使用“.Skin .QuestionText”和“.Skin .QuestionBody”来减少问题之间以及问题和答案选择之间的空间。但是，我不知道如何减少答案选择的底部(单选按钮上方)和下一个/上一个按钮上方的填充/边距(？)。 Here is a screenshot

我是 CSS 新手 - 如果有人能提供帮助，我将不胜感激。谢谢!

Answer 1

使用浏览器的检查器来识别需要覆盖的 CSS 规则。您可以根据需要调整这些:

.Skin #Buttons {
    margin-top: 0px; /* 50px by default */
    padding: 20px; /* 20px by default */
}

.Skin .MC .MAHR .QuestionBody table td span.LabelWrapper label,
.Skin .MC .SAHR .QuestionBody table td span.LabelWrapper label {
    padding-bottom: 5px !important; /* 20px by default */
}