Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #749532

    Why is it so hard to embed a Vimeo video in Enfold? The proportions are wrong, there are huge black bars top and bottom.

    Isn’t this a built-in WordPress feature? I own multiple Enfold licenses and I run into this again and again… Please advise on how to make this simple thing work. I’ve attached a link to an example. Thanks.


    Hey PtboRelic,

    Yes it is wordpress feature however you have indicated the height and width. You can put the vimeo link instead of embed/iframe code and wordpress will take care of it.

    Best regards,


    Hi, thanks for the reply.

    That’s exactly what i’m doing — just a Vimeo URL, entered on one line. I’ve confirmed that in both the Visual Editor and the code editor. And it doesn’t work.



    I have a local installation and just tried it with a text block and didn’t have any trouble with it. Can you give us temporary admin access? so we can check it.

    Best regards,


    Yes, setting it up right now


    Login info attached



    I checked it however it seems it’s using different wrapper on your end, I have added this in Quick CSS:

    .embed-vimeo {
        padding-bottom: 56.25% !important;
        position: relative;
        height: 0;
    .embed-vimeo iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0;

    And fixed the issue. :)

    Best regards,


    Thank you, that does work.

    (I wish I understood why… It’s such a fundamental issue, and I’ve run into it on my other Enfold sites too. I have sometimes been able to get rid of the problem using a plugin called Fluid Video Embeds. It had no effect on this site.)



    I can’t be totally sure but I’m guessing it’s one of the plugins you are using, I could try to check that out but would require deactivating plugins and checking one by one.



    Very old thread, but: I just ran into this on my own site, and appear to have fixed it (pending more extensive testing) by including the following line in my child theme’s functions.php:

    add_theme_support( 'responsive-embeds' );

    This is sort-of documented for the WordPress block editor.

    • This reply was modified 4 years, 4 months ago by jjsanderson.

    Hi jjsanderson,

    You’re right, thanks for sharing it :)

    Best regards,


    @Nikko: can I commend the responsive-embeds line as a candidate for a future Enfold release? I haven’t done proper testing, of course, but I’m seeing it fix several things around my site.


    Hi jjsanderson,

    Sure, it has already been added since Enfold 4.5.5, you can find it in this class: Avia_Gutenberg_Theme_Integration.

    Best regards,

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