Hi David,
I am sorry to hear that.

MediaPress is a free plugin and we do help with basic compatibility like it does not break the layout.
Beyond that, we leave it on the theme authors. We can not provide compatibility with all the themes out there. The deep integration to inherit look and feel of a theme is better left to the theme authors.

If you are using a paid theme and authors/company don’t care about your basic needs, you should consider switching your theme.

In this case, We will not be able to put time to support theme form an author who sells their theme and does not have any interest in supporting their customers. I hope that you value our time.

Here are the solutions you may use

1. You should avoid theme from arrogant authors if possible. Today, they are not supporting this plugin, tomorrow, they may not support others.

2. You can switch to a free/paid theme which either supports your needed plugin or the authors are willing to help. For example, you may use our Community Builder for free or use our Pro for a lot more functionality.

3. Or you can hire us to add custom support for your theme. That way, we get paid for putting our time on supporting a a pro theme and we have no issues with it.

Regards
Brajesh

Hi David,
Thank you for sharing the details and confirming that it is not MediaPress bug. I appreciate it.

I am glad it is resolved.

Regards
Brajesh

Hi Sumit,
Welcome to BuddyDev.

This is a bug in BuddyPress. The template pack overrides css for button causing this. You can undo that by adding the following css.

1. Please visit Dashboard->Appearance->Customize->Additional CSS and add this

.mejs-controls .mejs-button > button,
.mejs-controls .mejs-button > button:hover {
    background: transparent url(http://example.com/wp-includes/js/mediaelement/mejs-controls.svg);
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px;
}

.mejs-controls .mejs-volume-button > button,
.mejs-controls .mejs-volume-button > button:hover {
    background-position: -60px 0;
}
.mejs-controls .mejs-pause > button,
.mejs-controls .mejs-pause > button:hover {
    background-position: -20px 0;
}

Please change “http://example.com” with your own site’s root url. e.g “https://forum.sinfo.cf”

and save. That will fix it.

PS:- In future, Please be patient.Over the weekend, We offer limited support for critical issues only.

Regards
Brajesh

Hi,
Welcome to BuddyDev.

Please allow me to look into it and assist you on Monday.

Thank you
Brajesh

Hi Theo,
Thank you for the patience.

I have updated the plugin and the documentation under shortcode to reflect usage for context.

Please update and check.

Regards
Brajesh