[SebastianParticipant]

Hi guys!
First of all, thanks for the best wp theme out there!
I had the issue since quite a while that the built-in wordpress media player is somehow messed up. I do not know if this is caused by CSS or a Plug-in.
You can check the issue out here: https://4yourself.de/podcast/homemade-business-with-homemade-muscles/

(Media player is not completely visible and somehow cut on the bottom half, same with video -> See screenshots)

Thanks in advance

Sebastian

[RupokMember]

Hi there,

It seems causing by your custom CSS. As you are using minify plugin so couldn’t determine the source. But the below code causing this :

.mejs-controls {
  border: 1px solid transparent;
  height: 32px !important;
}

Let’s remove this to get expected result.

Cheers!

[SebastianParticipant]

I could not find any of that custom css (.mejs-controls) in my theme settings. You mentioned it is caused by the minify plugin, the mediaelement files are not minified though

Thanks!

[JadeModerator]

Hi Sebastian,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

In case this doesn’t sorts the issue, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[SebastianParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.entry-featured {
    padding: 0;
    border: none;
}

Hope that helps.

[SebastianParticipant]

Hi Christopher,
unfortunatley after adding the css snippet, nothing changed.

[ChristianModerator]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.mejs-controls {
    height: 47px !important;
}

Thanks.

[SebastianParticipant]

Thanks Christian!
Now the player is fully visible, somehow the bottomo seperator line is not in line with the upper one. See the picture

[ChristianModerator]

Try adding bottom property like this

.mejs-controls {
    height: 47px !important;
    bottom: -30px !important;
}

Thanks.

[SebastianParticipant]

Thanks Christian. Same problem, player just moved down a bit.

[ChristianModerator]

I’m afraid this will be getting in to custom development as this would not be manageable with your optimizations turned on and with third party plugins and customizations.

To know if this is a bug in X, please clear your cache and remove all third party plugins and customizations and see if the issue persists. If that could not be done, please copy your site to a staging server without optimization, customization and third party plugins and scripts. That way we could pin point the real cause of the issue.

Thanks.

[SebastianParticipant]

Well then I will have to figure it out myself

[ChristianModerator]

Thanks.

[Author]

Posts