How to customize Joomla Quiz feedback


Author: Elena posted in Tips and tricks on 2011-09-26

Tags: quizJoomla Quiz Deluxecustomization

Here's a couple of hints for those of you who wants to customize the look of feedback box in JoomlaQuiz Deluxe.

To modify the feedback box you will need to edit the following CSS file:

_SITE_ROOT_/media/joomlaquiz/joomlaquiz_standard/jq_template.css

Find the following CSS classes:

div.incorrect_answer and div.correct_answer

 

There you will be able to adjust following attributes:

background - to change or remove background image (green check or red cross);

background-position - to customize position of background image;

background-color - to change background color.

 

The other useful option you could use is placing the feedback right after the question options, so it wouldn't hover the questions and answers. The task will require you to add the following style elements:

.incorrect_answer{

position:relative !important;

top:0px !important;

right:0px !important;

margin:5px; }


.correct_answer{

position:relative !important;

top:0px !important;

right:0px !important;

margin:5px; }

Please also note that you could modify max-width attribute to vary the length of the feedback.