One too many # in the first hex code 🤦🏻♂️
Hi Jon,
I am using Fordson theme and I just used:
#mod_quiz_navblock .qnbutton.notanswered .trafficlight
{background-color: #808080;}
And did that work? If not, try adding !important before the semi-colon. I wouldn’t normally advocate using !important in CSS as it forces an override and makes for messy and hard to maintain CSS - but it might help in this situation.
So try
#mod_quiz_navblock .qnbutton.notanswered .trafficlight {background-color: #808080 !important;}
Excellent Jon
Thanks for the help..
I hope one day moodle implement this kind of feature in core code too where we can change color without hacking code like this
Thanks a lot
You don't need to hack core code for this.
If you have a custom theme, that is the natural place to put your CSS rules.
Otherwise, you can use Admin -> Appearance -> Additional HTML