Time indicator 'sitting on' the Play bar

Hi billseymour

Can you provide a link to your site so i can see this live?

Thanks

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.

Hi billseymour,

We will add this in the next version to prevent anyone else having the same problem.

Thanks for your help, please mark this thread as resolved.

Glad to help. Thanks for great plugin.