Modify Transcription Colors

To meet any branding or compliance needs, you can modify the colors of your transcript widget display. 

1) Place the following code in your Custom CSS File of your Advanced Editor: 

#transcript-text span:hover{
    background: #[hover-color] !important;
}

#transcript-text .current-phrase {
    background: #[highlight-color] !important;
    color: #[font-color] !important;
    cursor: pointer !important;
}

2) Hover Color: Insert the desired color that highlights a phrase when the mouse hovers over the text. Remove the brackets. 

3) Highlight Color: Insert the desired highlight color of a running transcript. Remove the brackets. 

4) Text Color: Insert the desired text color to contrast with the highlight color. Remove the brackets. 

4) Save and Publish.