This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.

Changing colours of active buttons, eg CHECK on the Quiz page type

Plus d'informations
il y a 4 ans 9 mois #7723 par annem
Hi Xerte Community,

Does anyone know if the active buttons on page types can be displayed in a different colour?

A colleague has asked if the 'CHECK' button (which is the colour grey) on the Quiz page can be changed to green or blue.

Attached is the screenshot of the 'CHECK' button as it currently is, in grey.

Is there code which is available to change the colour of the button please?

Thank you in advance for your help.
Best wishes
Anne
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 4 ans 9 mois #7724 par ronm
Hi Anne
the proper way to do this is to use a custom theme where you can ensure consistency throughout all the pages and so that the accessibility themes still work too. If you add custom css to change colours on a page you may find then that if a user chooses the high contrast or black on yellow theme then the button colour doesn't change and remains whatever colour you set in the custom css. Also the quiz page doesn't have a check button so I'm guessing you mean the multiple choice page.
To change the button colour and button label colour use something like the following:
Code:
#pageContents #checkBtn { background: #0000ff; color: #ffffff; }

HTH
Ron

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
Les utilisateur(s) suivant ont remercié: annem, Menno

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: ingdon
Temps de génération de la page : 0.124 secondes
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo