WordPress Controls

Linden Wade
3 Posts
Linden Wade posted this 2 weeks ago

Hello,

When I use the [audio] controls in WordPress with a Themler generated theme, the controls do not show up on the built-in player. However, when I use one of the standard WordPress Themes, they do. Is there some sort of css conflict with these two items?

enter image description here

I found a solution online by adding the following code via the additional css panel;

    .mejs-overlay-button {
background:url("/wp-includes/js/mediaelement/bigplay.png") no-repeat !important;
}
.mejs-controls .mejs-button button {
background:transparent url("/wp-includes/js/mediaelement/controls.png") no-repeat !important;
}

This does work, but then displays both of the controls each side;

enter image description here

Do you have a work around for this?

Thanks in advance.

Hello, When I use the **[audio]** controls in WordPress with a Themler generated theme, the controls do not show up on the built-in player. However, when I use one of the standard WordPress Themes, they do. Is there some sort of css conflict with these two items? ![enter image description here][1] I found a solution [online][2] by adding the following code via the additional css panel; .mejs-overlay-button { background:url("/wp-includes/js/mediaelement/bigplay.png") no-repeat !important; } .mejs-controls .mejs-button button { background:transparent url("/wp-includes/js/mediaelement/controls.png") no-repeat !important; } This does work, but then displays both of the controls each side; ![enter image description here][3] Do you have a work around for this? Thanks in advance. [1]: https://lindenwade.com/pictures/image1.png [2]: https://apipeandakeyboard.com/2013/08/16/no-buttons-on-wordpress-media-player/ [3]: https://lindenwade.com/pictures/image2.png
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 2 weeks ago

Hi,

Please provide a link to the page with the Themler theme so we could see the issue.

Sincerely,
Hella

Hi, Please provide a link to the page with the Themler theme so we could see the issue. Sincerely, Hella
Linden Wade
3 Posts
Linden Wade posted this 2 weeks ago

Hello Hella,

Here's the link for the post;

https://lindenwade.com/test-post/

Regards,
Linden

Hello Hella, Here's the link for the post; https://lindenwade.com/test-post/ Regards, Linden
Support Team posted this 2 weeks ago

Hi,

Please add this code under the Home >> Settings >> Additional CSS:

.mejs-controls .mejs-button button
{
margin:7px 5px!important;
padding:0!important;
position:absolute!important;
height:16px!important;
width:16px!important;
border:0!important;
background-color:transparent!important;
background-image:url(https://lindenwade.com/wp-includes/js/mediaelement/controls.svg)!important;
}

Sincerely,
Hella

Hi, Please add this code under the Home >> Settings >> Additional CSS: .mejs-controls .mejs-button button { margin:7px 5px!important; padding:0!important; position:absolute!important; height:16px!important; width:16px!important; border:0!important; background-color:transparent!important; background-image:url(https://lindenwade.com/wp-includes/js/mediaelement/controls.svg)!important; } Sincerely, Hella
Linden Wade
3 Posts
Linden Wade posted this 2 weeks ago

Oh, well look at that!

Brilliant. Thanks for your help!

Regards,
Linden

Oh, well look at that! Brilliant. Thanks for your help! Regards, Linden
Support Team
Support Team posted this 2 weeks ago

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
You must log in or register to leave comments