Elapsed and total time of imbedded audio does not display correct

Please add this code to file functions.php of your active theme:

// CV - Fix player problem in Collapsible list
add_action( 'wp_head', 'my_custom_style1' );
function my_custom_style1() {
?>
<style>
.mejs-time-rail {min-width: 554px !important}
.mejs-container .mejs-controls .mejs-time{height: 20px !important;padding: 7px 3px 0 !important;}
</style>
<?php
}

Hi,

I added your code to the functions.php and uploaded it to my Spacious child folder (/wp/wp-content/themes/spacious-child).
But this kills the site, I just get a white screen. Have of course removed the file again.
Have you any explanation ?

I guess the code should be inserted before the final ?>
Anyway I tried both before and after but with same result.

Must admit I’m not so much into php or child themes in general.
I only have some additions to style.css and a modification to footer.php, both in the child folder, and they work all right.

Best wishes,

Hi,
Please add this CSS code to file style.css of your active theme:

.mejs-time-rail {min-width: 554px !important}
.mejs-container .mejs-controls .mejs-time{height: 20px !important;padding: 7px 3px 0 !important;}

Hi,
Please add this CSS code to file style.css of your active theme:

.mejs-time-rail {min-width: 554px !important}
.mejs-container .mejs-controls .mejs-time{height: 20px !important;padding: 7px 3px 0 !important;}

I have added your code to the style.css and uploaded.
The player now looks fine inside the collapsible view.

But, on a native page, the time indications are placed about one mm or so too high.

Most of my players are located on pages and within a “blockquote” tag, and here it’s even worse:
the play and pause buttons are shifted around, and the progress bar are not displayed at all. And also here there is the one mm issue.

Have switched back to the old style.css.
Your plugin is updated to the latest one (version 1.6.2.1).

Best regards,