Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #944206

    The Video is displaying over the text. http://coreevents.com/myers-briggs/. In editing mode, it displays correctly but when I view page, it displays on top. When I resize the windows down it ends up leaving a large white space between them and on mobile device, it is displaying only about the top 1/16 of an inch.

    When I first added the video, support asked me to add the following to the quick css to resolve the issue:
    .mejs-controls{
    bottom:-320px!important;
    }
    .mejs-layer.mejs-overlay-play{
    height:300px!important;
    }
    .wp-video{
    height:409px!important;
    }
    I’ve added it, I’ve flushed the cache, tried different browsers and tested it on my laptop and it is still displaying wrong. Any suggestions. Try resizing the website and viewing on mobile.
    Help would be appreciated.
    Thanks!

    #945224

    Hey tammyfarrington,

    Thank you for using Enfold.

    How did you add these css modifications? Please remove it.

    <style type="text/css" id="wp-custom-css">
    				.mejs-controls{
    bottom:-320px!important;
    }
    
    .mejs-layer.mejs-overlay-play{
    height:300px!important;
    }
    
    .wp-video{
    height:409px!important;
    }			</style>
    

    We added the replacements in the Quick CSS field.

    Best regards,
    Ismael

    #945429

    I had added it under customize and now removed it. That fixed it! Thank you Ismael.
    Tammy

    #946192

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.