Modify colors of progress bars

Please post a link to the page where you have the player so I can inspect the CSS.

I’ve used the player at the bottom of this page:

https://www.memphisghosthunters.com/media

Thanks!

Can I change the progress bar colors using CSS?

Oh, my player is just 1 plain white button with a black pause indicator. Not really a player. How did you get any colors?

Hi @four321zero can you start a new support thread.

Thank you

@williamscreative try the following…….

Change the blue bar color

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: none repeat scroll 0 0 #21759b;
}

Change the red bar color

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: none repeat scroll 0 0 #d54e21;
}

Simply replace the color for each code above.

Let me know how you go.

Regards

@mbrsolution:
I would also like to change the color of the blue progress bar.
Where should the above code be copy/pasted?
Into sc_audio.player.php?
At which position will you suggest?

Hi @stigekalder can you start a new support thread.

Thank you