css

You can edit the style of your quiz using the following classes:

.qpo_qpr_quiz class for entire quiz
.qpo_qpr_quiz { background-color: #ecf4f7; padding: 30px; }
.qpo_quiz_form class for form
.qpo_quiz_form { background-color: #fff; padding: 30px; }
.quiz_section class for this quiz’s page
.quiz_section { border: solid 1px #b9d6e2; }
.qpo_qpr_message_before class for message before text
.qpo_qpr_message_before { color: #0083ba; font-size: 14px; }
.qpo_qpr_question class for question text
.qpo_qpr_question { color: #333f4e; font-size: 18px; margin-bottom: 20px; }
.qpr_error class for error messages
.qpr_error { border: solid 1px #d95555; color: #d95555; font-size: 14px; padding: 20px; }
.qpo_qpr_question_comment class for comment fields
.qpo_qpr_question_comment { border: solid 1px #e4e6e9; font-size: 14px; padding: 20px; }
.qpo_qpr_comment_section_text class for message for comment section
.qpo_qpr_comment_section_text { font-size: 14px; color: #333f4e; }
.qpo_qpr_message_end class for message end text
.qpo_qpr_message_end { font-size: 14px; color: #333f4e; }
.qpo_qpr_quiz_link class for pagination buttons (Next/Previous)
.qpo_qpr_quiz_link { font-size: 14px; color: #009cde; border: solid 1px #009cde; padding: 5px; line-height: 100%; }
.qpo_qpr_timer class for the timer
.qpo_qpr_timer { color: #d33030; border: solid 1px #d33030; padding: 30px; line-height: 100%; font-style: italic; }
.qpo_horizontal_multiple class for horizontal multiple response answers
.qpo_horizontal_multiple { padding: 10px; line-height: 100%; }
.qpo_answer_open_text class for open answer question types
.qpo_answer_open_text { border: solid 1px #eee; line-height: 100%; padding: 15px; }
.qpo_answer_number class for number question types
.qpo_answer_number { border: solid 1px #eee; line-height: 100%; padding: 15px; }
.qpo_qpr_hint_link class for hint
.qpo_qpr_hint_link { border: solid 1px #ccebf8; padding: 15px; color: #0083ba; font-style: italic; }
.qpr_radio_answers class for multiple choice answers
.qpr_radio_answers { border: solid 1px #ccebf8; padding: 15px; }
.qpr_quiz_radio class for radio inputs
.qpr_quiz_radio { line-height: 120%; }
.qpo_horizontal_choice class for horizontal multiple choice answers
.qpo_horizontal_choice { line-height: 120%; }
.qpr_check_answers class for multiple response answers
.qpr_check_answers { color: #333f4e; font-size: 14px; line-height: 120%; }
.qpr_page_counter_message class for the pagination numbers
.qpr_page_counter_message { color: #0083ba; font-size: 14px; line-height: 100%; }