Cannot fully style results
I have managed to style the majority of the quiz that I am creating but cannot get the results section to look as I think it should be. I get the section title ‘Results’ to change font size and colour etc but nothing else changes. I have deactivated many of the plugins that I use to no avail. Any help would be appreciated.
My apologies for the poor quality of the photo
Regards
Ken
Hi Ken,
thanks for the screenshot and providing a link to a quiz.
The first issue I see is luckily an easy one to fix. And that is Line-height. It looks like your theme is forcing a line-height of 1.
So let’s fix that!
Add the following CSS code to the “Custom CSS” section of the addon.
.hdq_results_inner {line-height: 1.2;}
That will make the text and spacing look a LOT better.
The second issue I see is actually a bug that you’ve found!
I have a typo in my code. I am using the variable --results-content-text-color to set the text colour of results. But the variable should be --hdq-results-content-text-color. So that’s my fault.
Luckily, this should also be easy to fix.
Also, add the following CSS code to the “Custom CSS” section of the addon.
.hdq_results_wrapper .hdq_results_inner .hdq_result_pass, .hdq_results_wrapper .hdq_results_inner .hdq_result_fail {color: var(--hdq-results-content-text-color) !important;}
This thread has either been marked as complete or has been automatically closed due to inactivity.