2017-01-20 2 views
1

У меня возникли проблемы с распределением между вопросами, меньшими в Qualtrics. Я пробовал редактировать глобальную таблицу стилей CSS и был успешным в изменении некоторых дополнений, но не отступы между самими вопросами. Этот интервал, похоже, не меняется. Я пробовал использовать классы .Skin #SkinContent и .Skin #Questions без везения. Изменение ширины поля и отступов не делает ничего с точки зрения сокращения пространства между вопросами.Уменьшение интервалов между вопросами в Qualtrics

Код в вопросе. «.Skin #Questions», похоже, ничего не делает. Также нет .Skin .SkinInner. Я установил его 100px, чтобы проверить, не сделал ли он что-либо.

.Skin .QuestionText { 
font-size: 100%; 
padding: 2px; 
} 

.Skin .QuestionBody { 
padding:0px 1px 0px 1px; 
} 

.Skin #Questions { 
margin: 0 0 0 0;  
} 

.Skin .SkinInner { 
    margin: 0; 
    width: auto; 

.Skin .SkinContent { 
padding: 100px; 
+0

Вы можете поделиться своим кодом? Также добавьте jsfiddle, чтобы четко показать проблему. – aloisdg

+0

Пожалуйста, поделитесь некоторым кодом –

+0

Я просто добавил код. Я не знаком с jsfiddle. Я просто присоединяю к нему ссылку с кодом? https://jsfiddle.net/3h8ajfhg/ – Eugene

ответ

2

Добавить CSS Пользовательские CSS под Look & Feel/Advanced. Ваш CSS для .QuestionText и .QuestionBody плюс добавление .Separator должен сделать это:

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

Он все еще не меняется. Я также попытался изменить маржу на 0 px 0 px без изменений. Возможно ли, что он находится на минимальном расстоянии, и ни один код не может изменить его дальше? Кроме того, как быстро код появляется в предварительном просмотре? Должен ли я ждать минуту или две, прежде чем тестировать предварительный просмотр? – Eugene

+0

Нажмите «Перезапустить» в предпросмотре, и это немедленно. Поскольку CSS не работает для вас, мне нужно будет увидеть ваш фактический опрос. Возможно, это связано с вашей темой. –

+0

Я пробовал играть с ним и до сих пор не повезло. Является ли .Skin .Separator единственной строкой, которая должна делать то, что мне нужно? У меня был код в заголовке до того, как я удалил, но это, похоже, не решило его. Я просто использую тему Qualtrics по умолчанию. Позвольте мне посмотреть, смогу ли я воссоздать проблему на фиктивном опросе. - Хорошо, поэтому я попробовал это на другом тематическом опросе, и это действительно сработало. – Eugene

0

Есть несколько вещей, чтобы проверить здесь: в вашем выглядеть и чувствовать себя раздел, проверьте, чтобы убедиться, что вопрос Сепаратор нас НЕ проверено. это добавляет небольшую линию и большое пространство между вопросами. как это:

with separators

Здесь без:

Without separators

Кроме того, существует довольно много нижней прокладки на теле вопроса и на верхней части текста вопроса, так мы можем модифицировать те с помощью css, как это:

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

С этим изменением мы должны увидеть что-то вроде t его:

Styled

Отрегулировать с вашими предпочтениями и наслаждаться.

+0

К сожалению, это не работает. Я устал, включая прописку 0 px, которая не меняет интервал. Я упомянул об этом в ответе выше, но возможно ли, что существует трудный минимум, который нельзя переопределить? – Eugene

+0

Если вы можете связать меня со своим просмотром, я был бы рад взглянуть –