Supporting each other

Community forums

Welcome, Guest

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

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 3 years 2 months ago #7723

annem
Topic Author
Offline
Elite Member
Posts: 177
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 3 years 2 months ago #7724

ronm
Offline
Administrator
Posts: 855
Thank you received: 264

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.