Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 12, 2020 at 1:10 am #1221922
    CarletonTorpin

    When I embed a Vimeo video on a product page using Enfold, the Vimeo embed has a lot of empty space/ padding above it and below it.

    How can I make it so that the Vimeo embed shows underneath the text with a small gap, rather than have a large gap between the last senetnce and the video beneath it?

    I’m including a screenshot of how it looks presently.

    View post on imgur.com

    June 12, 2020 at 8:46 am #1221970
    Guenni007

    could be too many things – best would be to see the page it concerns

    June 18, 2020 at 3:48 pm #1223758
    Yigit

    Hi,

    Sorry for the late reply!

    That seems to be related to your iframe. Height is set to “360”, setting it to “250” should solve the issue :)

    Best regards,
    Yigit

    June 18, 2020 at 6:50 pm #1223866
    CarletonTorpin

    Thank you for your suggestion; it worked great. :)

    Additionally, I found a blog post about creating a “responsive video container” CSS class for the embed code.

    I’ve implemented that code across my Enfold theme and it works perfectly to fill the available width with the embed, with no extra height padding.

    Here’s the link, in case others find this thread and want to achieve similar results:

    https://www.ostraining.com/blog/coding/responsive-videos/

    June 18, 2020 at 8:07 pm #1223876
    Yigit

    Hi,

    You are welcome! And thank you for sharing your solution :)

    Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Vimeo embeds have too much padding above and below’ is closed to new replies.