Ярлык в викторине Watu не совмещен с переключателем - PullRequest
Новая
       67

Ярлык в викторине Watu не совмещен с переключателем

0 голосов
/ 14 июля 2020

Я создал викторину по Вату, но метки не совпадают с переключателями. Как бы мне стилизовать это и выровнять ??

Страница здесь - https://training.thermochamp.com.au/203-2/

Вот скриншот:

введите описание изображения здесь

1 Ответ

1 голос
/ 14 июля 2020

В вашем style.css добавьте следующее: 

.quiz-form input[type="checkbox"], 
.quiz-form input[type="radio"] {
  vertical-align: -1.2em !important;
}

/* style more */
.question-content ~ div {
  border-left: 4px solid #666;
  background-color: #ddd;
  padding-left: 8px;
  margin-bottom: 12px;
  border-radius: 4px;
}

См. Эту скрипку: https://jsfiddle.net/tqhf0p3m/1/

Я не смог прикрепить шрифты, но вы может более или менее почерпнуть из него некоторые идеи.

...