Customize color of Storyline 360 player buttons using JavaScript.

Below is the JavaScript to change color of next botton:

You can execute the JavaScript whenever you want.

$(".next-icon path").css("fill", "#e31f26")

Here is the script for change background color of 360 player:

$(".top-ui-bg").css("background-color", "#e8e8e8");
$(".area-primary").css("background-color", "#e8e8e8");
$(".cs-slide-container").css("background-color", "#e8e8e8")

Please use above script in slide master.

You can also add more css classes in JavaScript to change color of particular icon. 

Most Welcome. If anyone need more help about anything in storyline, they can reach me on mayurr@multiversity.co.in

Hi Multiversity Developer 01, 

Thank you for your great sharing!

Do you know how to change the text color to white when the user hovers the mouse over an active tab on the left sidebar? 

As you can see as the pic below, when I hover over the Menu tab, "Menu" text is hard to read. Unfortunately, we have to keep Tab>Hover and normal text colors are grey as it in the pic and Selected text color currently is White. 

I want to change the Tab>Hover/ Text color to white only when I hover over the tabs.

Thanks so much.

Thi

Hi Thi,

You have to write css for that.

When you publish your course, the css file "main.min.css" will generate automatically. In that css you have to write css code for hover color.

I'm here, If you need more help.

Now that jquery is no longer an option, what is your pure JavaScript solution for this?