The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Change font and colour of Audio Player Re: Change font and colour of Audio Player

Noel Forte

You can apply a css rule to the parent div that applies the styling to the text. For example, I see that you have a parent div of the song title with a class of “track” as well as some other ones like “playable”, “show-ui”, etc.

All you need to do is target the parent div with a rule and a style as shown below, and you should be all set.

Something like this:

.track.playable {
color: red;
font-style: italic;

Hope this helps.

PS. When I visited your site, I noticed that the audio controls were not working. Not sure if its just me or if this is a bug. I got the track to play by clicking on the title rather than the play button.