CSS showing on preview

  • Resolved VFHwebdev

    (@vfhwebdev)


    5 years, 12 months ago

    With Media Player Style Kit active, when I preview WordPress posts I see a bunch of CSS displayed above my content.

    It looks like: .mejs-controls, .mejs-mediaelement { background: #222c4a !important; } .mejs-controls button { color: #b6bbd8 !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #b6bbd8 !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #898989 !important; }

    It shows up just below the WP admin bar but before my content. It’s not there when I view the published post. This issue goes away when I deactivate Media Player Style Kit.

    Any idea what could be causing this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Hugh Lashbrooke

    (@hlashbrooke)

    That is the CSS that this plugin is adding to the page in order to style the media player. If it is showing up as visible text on the page during a preview, then that sounds like an issue with your theme breaking things a bit.

    This plugin uses the wp_print_styles hook to display the custom CSS, which is the correct way to do it in WordPress core, so you will need to ask your theme developer why that is not displaying correctly.

    It could be a conflict with another plugin too, but it’s more likely a theme issue.

    Thread Starter VFHwebdev

    (@vfhwebdev)

    Hmmm… Ok it looks like a multiple plugin and theme conflict. I went through one by one and the error only happens when both Media Player Style Kit and WP Facebook Open Graph Protocol are enabled with my custom theme.

    One or the other plugin with my theme is fine, both together in a default theme like Twenty Seventeen is fine. Both together in my theme and I get the error.

    So it does appear to be a theme issue. Thanks for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS showing on preview’ is closed to new replies.