Customizing the audio player

• 

  mid0nz · Member · May 13, 2015 at 3:22 pm

  • Copy link
  • Add topic to favorites

  I’m using Harmonic.

  The audio player used to be really elegant looking and easily customizable, but now it’s pretty horrible– bulky and black with no identifying information when it’s embedded in a post. If you look at my (private) site http://stevelawesdp.com/2015/04/24/tggexplosion/ you can see the WordPress player next to a Soundcloud embed. There’s no comparison design-wise. How do I get the WordPress player to 1) show the clip’s name or caption and 2) customize the look? Do I have to use CSS or can it go in the player attributes in the posts?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 14, 2015 at 6:42 pm

  • Copy link

  Using the web inspector in your browser, you can identify the CSS associated with the audio player and make changes to the colors and such. Here is a bit to get you started.

  .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
      background: none repeat scroll 0 0 #cc0000;
      border-radius: 5px;
      box-shadow: 4px 3px 7px #555;
  }