Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
  • Page:
  • 1

TOPIC:

Changing colours of active buttons, eg CHECK on the Quiz page type 2 years 6 months ago #7723

  • annem
  • annem's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
  • Posts: 178
  • Thank you received: 0
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.

Changing colours of active buttons, eg CHECK on the Quiz page type 2 years 6 months ago #7724

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 843
  • Thank you received: 246
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:
#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.

  • Page:
  • 1
Moderators: ingdon
Time to create page: 0.130 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search