Cue wordpress audio plugin problems with XTHEME

[javduke]

Hi There

It looks like xtheme is overriding the styles in Cue audio plugin.

I add a snippet of CSS in the “Additional CSS” section in the customizer:
.cue-skin-default.mejs-container .mejs-controls div {
width: auto !important;
}

that fix the visual play time, but volume bar and song length controls don’t work properly.

I try also with this one, but nothing happens
.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
display: block !important;
}

this is my page:
https://pedrosarmiento.co/media/audio/

and It should look like this:

Cue — WordPress Audio Playlist Plugin by AudioTheme

Thanks for your help

[rad]

Hi there,

Thanks for writing in.

X theme uses Wordpress MEJS library and styled it to match the theme. Hence, yes, your Cue Audio plugin will be affected as it uses Wordpress MEJS as well.

But the reason why the volume bar is not working is because of your custom CSS

.cue-skin-default.mejs-container .mejs-controls div {
    width: auto !important;
}

Width should be handled by the library so you shouldn’t force it. Plus, the volume here https://audiotheme.com/view/cue/ doesn’t work either. It’s just a line and doesn’t give you the level of volume or handle to change the level. You may wish to contact the plugin author for that issue.

Thanks!

[javduke]

Hi rad,

There is a chance to delete or chance some media elements in the xtheme template code to let the plugin work without the already set css styles ? and that way let cue plugin works properly?

The volume here https://audiotheme.com/view/cue/ works changing the volume of the song if you pinch in different places of the volume bar. But don’t change the way it looks when you pinch it

thanks

[rad]

Hi there,

It’s not possible since it’s part of the core. Would you mind providing more information about what styling is being overridden by the theme? Because it looks the same. Plus, here is a video recording of the volume from my end, and it’s not working even from their site. https://www.dropbox.com/s/te34k1i34upru4p/bandicam%202017-11-27%2006-34-09-108.mp4?dl=0

The style loading has priority, your plugin can override theme’s styling if it can load it in the last position. Hence, you may contact the plugin support on how to do that, it’s usually like add_action('...','....', 9999999999999999);

Thanks!