How to change the feedback message and correct/incorrect answer colors in a quiz

1. Introduction.

In Cool Tabs points-based quizzes, when a participant selects an answer, the platform can display visual feedback with colors to indicate whether the answer is correct or incorrect. This feedback may include two elements:

• Answer option colors: the selected option changes color to indicate whether it was correct or incorrect.

• Feedback message (optional): a text displayed after answering, such as "Correct!" or "You were wrong", with a colored background.

2. Default colors.

By default, the success and error colors are configured as follows:

• Correct answer/right: green background (#00C853) and white text

• Incorrect answer/wrong: red background (#E91E63) and white text

If you want to change these colors (for example, use purple instead of red for incorrect answers, or blue instead of green for correct answers), you can do it from the campaign editor. Here’s how.

3. How to configure colors.

To configure feedback colors in your quiz:

1. Go to your campaign editor.
2. Navigate to Quiz > Advanced.
3. Enable the checkbox “Feedback message after answering”.
4. The section “Quiz feedback colors” will appear.

In this section, you can define six colors:

• Correct answer: background color and text color.
• Incorrect answer: background color and text color.
• Generic feedback: background color and text color.

4. Practical example.

Scenario: You want correct answers to appear in blue and incorrect answers in purple.

Simply replace:

• #4BAD4B → #2196F3 (blue, for correct answers).

• #FF6347 → #9C27B0 (purple, for incorrect answers).

5. Other specifications.

If you have any questions, you can contact us at help@cool-tabs.com.

6. Related content.

How to configure custom campaign CSS.