Grow your CSS skills. Land your dream job.

Change font and colour of Audio Player

  • # March 31, 2013 at 1:36 pm

    Hi guys, how do i change the font style of the tracking listing in my Audio player on my site, and also how do I change the fonts colour:

    http://doubleplusgood-media.com/

    Hope anyone can help!
    Thankyou

    # March 31, 2013 at 3:14 pm

    Hey,
    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".