Time indicator 'sitting on' the Play bar

Hello, just got back from vacation and self-imposed ‘no technology’.

I am just trying the plugin out on a xampp localhost installation, so nothing to show you right now (I can put something up if necessary).

However: I located the problem: My child theme line-height setting (line-height:25px) results in a timer ‘box’ that is 27px tall. So the timer text (10px) is now inside a taller box. The postion:absolute placement in the plugin probably assumes that this text will be flush to the top – with the unexpected taller box, my resulting timer text sits ‘lower’ than intended, and so touches the progress bar.

By adding this to my style sheet, the timer text is now in the proper position:

.codeart-google-mp3-player div.controls .timer {
   line-height: 1;
 }

Possibly you might want to include a specific line-height in the plugin’s Css, to override a more general setting? I hope this was helpful – I can put up a test page online if you’d like.

Glad to help. Thanks for great plugin.