Extra Space in Moodle Quiz?

We’ve recently noticed that there’s extra space within the Moodle Quiz in the releases of Moodle 4.5.5 & 5.0.1 these show on our customer versions as well as on the test Moodle, Mount Orange

See what I mean here

If you too have noticed this and would like to fix, go to the Raw SCSS panel for Boost Union this is here ( https://YOUR-MOODLE-SITE-URL/admin/settings.php?section=theme_boost_union_look#theme_boost_union_look_scss ) and place the following in there. Once done head to Development and Purge caches /admin/purgecaches.php

Depending on theme you may have to change the above.

/* Remove the extra clearfix space on quiz pages, changed from block to inline */
#page-mod-quiz-attempt .clearfix:after, #page-mod-quiz-review .clearfix:after, #page-question-bank-previewquestion-preview .clearfix:after, #page-filter-embedquestion-showquestion .clearfix:after {
   display: inline;
}

That’s it.. If Moodle themselves get around to fixing this the above then might done something odd.. so if you spot that in the future, just remove the above.

Check out what we can do for you at CoSector

2 comments

  1. mandersj's avatar
    mandersj

    Appreciate finding this today. Your fix was a good start! The problem is that if there’s a short question, the “Previous question”, “next”, and “Finish attempt…” buttons push up into the last question on the page (submitbtns class). This might be overkill but had to add some additional SCSS overrides to position those buttons at the bottom and aligned where they should be.

    -=-=-=-=-=-/* 08/12/25 v4.5 bug patch Remove the extra clearfix space on quiz pages, changed from block to inline */ page-mod-quiz-attempt .clearfix:after, page-mod-quiz-review .clearfix:after, page-question-bank-previewquestion-preview .clearfix:after {display: inline;}

    /* Buttons under the last question */ page-mod-quiz-attempt .submitbtns, page-mod-quiz-review .submitbtns {clear: both;display: flex;flex-wrap: wrap;align-items: center;gap: .5rem; /* spacing between buttons */width: 100%;margin-top: 1.5rem;}

    /* If there’s no left group, the first primary jumps to the right.If there IS a left group, this simply creates the left/right split. */ page-mod-quiz-attempt .submitbtns .btn-primary:first-of-type, page-mod-quiz-review .submitbtns .btn-primary:first-of-type {margin-left: auto;}

    -=-=-=-=-

    Reply

Leave a comment