Participant

Question

How do I change the color of the matching letter in a matching quiz question in Captivate 8?

Forum|Forum|11 years ago
July 9, 2014
4 replies
2212 views

The default dropdown box has white text with a white background. The text for the questions and answers is black. That doesn't change the dropdown letter to black, though. I've tried changing the default styles, and it only changes the main text, not the letters in the dropdown box. An old post for captivate 5.5 mentions changing the text color to differ from the dropdown answer color, but I want the reverse--the dropdown letter color to match the rest of the text. Actually, I'd take any color that would show up on the default white background for the box.

Please, any answers in layperson terms. I don't know code and am refamiliarizing myself with Captivate after a few years away from it.

Thanks,

Sally

This topic has been closed for replies.

cmtreen

Participating Frequently

This is an issue that can be somewhat mitigated with a stylesheet change.
1. Publish your project, and locate CPLibrary.css
Locate your assett\css folder, and open CPLibrary.css. I would HIGHLY recommend using Notepad++, or other viewer that will colorize the code to make it easier to read.

2. Clean up the code to make it readable (optional)
Now Captivate for some reason takes several hundred lines of code, and places it on the very first line of this file, which makes it nearly impossible to read. Iwould recommend copying the entire code, pasting it into something that will clean things up to make it more readable (some place like https://www.cleancss.com/css-beautify/). Then replace the code in the .css file with the cleaned up text.

3. Do a search, and locate the appropriate CSS classes, and then alter the hexadecimal background color attribute.
".dd .ddChild" : Background of dropdown
".dd .ddChild li" : Background for available choices
".dd .ddChild li.hover": background for mouseover of available choices
".dd .ddChild li.selected" : Background color of currently selected choice

4. Save your .css file and test

I hope this works for you. Good luck!

J

JodySmith

Participant

Using Captivate 2019 and still having this issue.

Tried:

Changing the [default question matching style] to black text in the style manager (styles preview is correct, but still appears white in build).

Selected individual items on master and filmstrip instances to back (text turns black on stage, but again, still white in build).

Anyone have a solution that doesn't involve editing the publish css? This is not practical as the file is overwriten on subsequent publishes.

T

triav68047542

Participant

Not sure if you've already found the solution for this, but I figured out that it's based on the color of the text in column 2

R

RStedman

Inspiring

Yeah this really sucks. I am using company colors to develop a module. Dark blue with white text. So now my letters in column A are almost invisible. Changing the text to black may be my only option for the quiz.

K

KeelyM

Inspiring

Did anyone ever discover an answer or workaround to this? I'm experiencing the same issue in Captivate 2017 with a responsive project.

S

sallychAuthor

Participant

I probably should add that it is only on publish that the text color changes to white. When I'm working in the Captivate program, the dropdown text appears black.

Sally

gina_d

Participant

I have the exact same issue with Captivate 9. Am really hoping to find an answer here!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded