减少Qualtrics中问题之间的间距

Question

我在使Qualtrics中的问题之间的间距变小时遇到了很多麻烦。我已经尝试编辑全局CSS样式表，并且成功地更改了一些填充，但不是问题本身之间的填充。间距似乎没有变化。我尝试过使用.Skin #SkinContent和.Skin #Questions类没有运气。更改边距宽度和填充在减少问题之间的空间方面没有任何作用。

有问题的代码。 .Skin #Questions似乎没有做任何事情。也不是.Skin .SkinInner。我将它设置为100px只是为了测试它是否做了什么。

import { Observable } from 'rxjs';
import { githubApi } from './api';

const githubEpic = action$ =>
 // Take every request to fetch a user
  action$.ofType('FETCH_USER_WITH_OBSERVABLES_REQUEST')
    .mapTo(({ type: 'SET_MIDDLEWARE_TYPE', payload: { type: 'observable'} }))
    // Delay execution by 5 seconds
    .delay(5000)
    // Make API call
    .mergeMap(action => 
      // Async call
      Observable.from(githubApi.getUser('sriverag'))
        // Map the response to the SUCCESS action
        .map(result => ({
          type: 'FETCH_USER_WITH_OBSERVABLES_SUCCESS',
          payload: { result }
        }))
        // Prepend the original action to your async stream so that it gets 
        // forwarded out of the epic
        .startWith(action)
    );

export default githubEpic;

Answer 1

在Look＆amp; Feel / Advanced下将CSS添加到自定义CSS。您的.QuestionText和.QuestionBody的CSS加上.Separator的添加应该这样做：

.Skin .Separator {
margin:0px 20px;
}
.Skin .QuestionText {
font-size: 100%;
padding: 2px;
}
.Skin .QuestionBody {
padding:0px 1px 0px 1px;
}

Answer 2

这里有几件事需要检查：在您的外观和感觉部分，检查以确保我们未检查问题分隔符。这增加了一条小线和问题之间的大量空间。像这样：

这里没有：

此外，在问题正文和问题文本的顶部有相当多的底部填充，所以我们可以修改那些有点像这样的css：

.Skin .QuestionText{
  padding-top:5px;
  }
.Skin .QuestionBody{
  padding-bottom:0px;
  }

有了这个改变，我们应该看到这样的事情：

根据您的喜好调整并享受。