Currently the output on a question within a page comes out something like:

<div class="quiz-question-multichoice form-wrapper" id="edit-14"><div class="question_type_name">Multiple choice question</div>

Which means for working the css you would have to find all the quiz question types to create a universal style

.quiz-question-multichoice, .quiz-question-matching, .quiz-question-scale, quiz-question-truefalse {border: 1px solid blue;}

Whereas if you add one more universal class (quiz-question) to the div it makes theming much easier.

<div class="quiz-question quiz-question-multichoice form-wrapper" id="edit-14">

Then we would be able to more easily theme questions on a Quiz page

.quiz-question {border: 1px solid blue;}

Comments

djdevin’s picture

I agree, there are also a lot of other places where the CSS could be cleaned up or named better. Let's use this as a general ticket for it.

  • Commit ac43deb on 7.x-5.x by djdevin:
    Issue #2282653: replaced _ with - in CSS ids and classes
    

  • Commit ac43deb on 7.x-5.x, 2269219 by djdevin:
    Issue #2282653: replaced _ with - in CSS ids and classes
    

  • djdevin committed ac43deb on 7.x-6.x
    Issue #2282653: replaced _ with - in CSS ids and classes
    
djdevin’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.