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

  • annem
  • Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
4 years 9 months ago #7723 by 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
Attachments:

Please Log in or Create an account to join the conversation.

More
4 years 9 months ago #7724 by 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/
The following user(s) said Thank You: annem, Menno

Please Log in or Create an account to join the conversation.

Moderators: ingdon
Time to create page: 0.190 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo