Forum Discussion

JennaG's avatar
JennaG
Community Member
4 months ago
Solved

Changing the Matching dropdown graded quiz/survey colors

Hello! I'm hoping someone can help me out with a question about changing the colors for the choices in the matching dropdown options.  I was able to find the answer on how to change the hover color...
advice
community
e-learning development
storyline 360
  • Nedim's avatar
    Nedim
    4 months ago

    You’ll need to inject JavaScript to target the selected state. To do this, add an Execute JavaScript trigger that runs when the timeline starts on the slide:

    const style = document.createElement('style');
style.innerHTML = `
  .drop-list-item-selected {
    fill: #87CEEB !important; 
  }
`;
document.head.appendChild(style);
Nedim's avatar
Nedim
Community Member
4 months ago

You’ll need to inject JavaScript to target the selected state. To do this, add an Execute JavaScript trigger that runs when the timeline starts on the slide:

const style = document.createElement('style');
style.innerHTML = `
  .drop-list-item-selected {
    fill: #87CEEB !important; 
  }
`;
document.head.appendChild(style);
Ange's avatar
Ange
Community Member
4 months ago

Fantastic Nedim​ I wish I'd known that a few months back. I had do similar: change colors and fonts, and add images on quite a few of the same quiz type to match branding, a laborious task using triggers, layers, variables... This is a keeper! Thank you for sharing your expertise.