powerpress – blubrry

Hi,
While checking the site, Zakra theme hasn’t affected styles for the player. So, first please try switching to default theme like Twenty Nineteen to find out if it’s caused by the plugin itself.

Alternatively, you can add the following CSS inside Customize > Additional CSS:

.mejs-container {
    background-color: transparent;
}
.mejs-container .mejs-controls {
    background-color: #aaa;
    border-radius: 4px;
}

Thanks.

Hi Ashish

Thanks for your reply

I checked using Twenty Nineteen – it was the same black square player.

I added the CSS and it doesn’t seem to have changed the behaviour?

Thanks again

Hi James,
If so, the issue is appearing from the plugin. So, please try asking the plugin author once again.

Also, please replace the previous code with this one:

.mejs-container.mejs-audio {
    background-color: transparent;
}
.mejs-container .mejs-inner .mejs-controls {
    background-color: #aaa;
    border-radius: 4px;
}

I hope it works this time. ??

Hi Ashish

I’ve replaced the code with the new set – it makes the black square WordPress default player (the second one that loads) more transparent – but it still loads to replace the original grey / rounded end player.

I have been in touch with Blubrry (Mike Dell – Customer Support Manager). He advises the following:

‘The black player is the default for WordPress. The transparent background is not stock. See: https://www.fastfoodhistory.org/the-history-of-burger-chef/ That is how the player looks stock. Any changes to that is the theme. (including in preview).’

I can use a brand new WordPress installation with stock theme to have a look (i.e. no possible chance of influence from the Zakra theme).

But the main thing I’d like to achieve is clean this up:

1) preferably, keeping the Zakra theme player by preventing the WordPress player loading (which is what Blubrry say is the issue),
2) Or, replacing the Zakra player / stopping that from loading so that only the WordPress stock player loads.

Having both is untidy.

cheers

Hi, @jamestrueman,
I’m a little confused here. Previously, you’ve said that the player looks the same on Twenty Nineteen and while checking your site, I didn’t see any CSS from the Zakra theme affecting the design of the player.

Finally, it seems the CSS I’ve provided is working on your site. So, please let me know if you want to make other changes on the player.

Cheers!!

Hi @themegrillteam

Apologies if you’re confused.

The first set of CSS sent over didn’t seem to do anything (i.e. affect the pre-load or change the format of the 2nd player).

The second set of CSS:

.mejs-container.mejs-audio {
background-color: transparent;
}
.mejs-container .mejs-inner .mejs-controls {
background-color: #aaa;
border-radius: 4px;
}

did alter the transparency of the 2nd player from ‘black’ to ‘dark grey’ square – but the issue is that in Chrome (I’ve discovered) a ‘light grey’ rounded end player is still loading first. The speed of this seems to be device-dependent – but I’m working on a 2016 MacBook Pro where it does it and have also tested on fairly well-specced windows machines. It doesn’t do it in Firefox or Safari – there is a glitch in IE – but not the same.

BW

Hi @jamestrueman,
In the previous reply, you’ve said that I checked using Twenty Nineteen – it was the same black square player.

Also, I’ve inspected your site and there was no CSS from the theme affecting the media player. So, the issue should’ve come from the plugin itself or other plugins you’re currently using on your site.

If you want to talk through this, please contact us via zakratheme.com Chat Support.

Best Regards,
Ashish – Zakra Theme Support.

Hi @themegrillteam

My apologies. I was (forcefully) ‘told’ by the plugin developer that it was the theme affecting the media player. They were ‘very’ insistent. I was instructed to contact you guys and find the solution.

I have continued to test this. And based on that, it would appear this is more of a browser issue, and not a theme?

The behaviour is happening in Chrome (mac or pc) – but not in Firefox or Safari. Internet Explorer presents a glitch – but it’s more ‘big’ black player to ‘small’ black player.

I am still investigating as it does not happen with this player in all installations?

• This reply was modified 5 years, 1 month ago by jamestrueman. Reason: typo