Hi,

Thank you for reaching out to us. I hope you’re doing well. And sorry for the delayed response.

It seems to be a conflict between the player you’re using and some styles.

Would you please try to add the following custom CSS?

.mejs-container button {
    background-color: initial !important;
}

Best,
Juan.

Hi,

Thank you for the follow-up.

Would you please send me the WordPress access details with admin access so I can take a look? Please do it in a private reply.

Best,
Juan.

Thanks for the follow-up. So, it’s definitely a conflict with the plugin you’re using for videos.

This CSS will fix it (Already added the code to your site):

body[data-btn-shape="default"] .mejs-container button {
    background-color: initial !important;
	background-image: url(https://beldevelopment.wpengine.com/wp-includes/js/mediaelement/mejs-controls.svg);
}

Please have in mind that you’ll need to update the image URL if you move the site.

Best,
Juan.

Hi,

Thanks for the follow up.

Ok, I thought you were using a plugin for that. We’ll revisit the WordPress built-in player implementation then.

Thanks again.

Best,
Juan.

Hi,

We added the issue to our backlog and in the meantime the most recent code I shared with you should fix the issue.

Best,
Juan.

Hi,

Thank you for the follow-up. I see, we’ve been checking this issue more in depth.

Would you please make a backup of your flatbase/style.css file and then replace it with this new one? https://cloudup.com/croz4ECAz53

Best,
Juan.

Hi,

Thanks for the follow-up. When visiting your site and checking the style.css for flatbase it doesn’t have the one I shared with you.

Would you please check that the file isn’t cached and that it’s actually rendering with the CSS file I shared with you?

Thanks,
Juan.