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


    I hope you can help me achieve something I have been working on for a couple of hours with no luck.

    I am trying to use this video as as background on a Membership Waiting List Page that I need to promote sooner than later.

    While the video is working along with the color overlay and screen options, I am unable to get the video to correctly align itself vertically. As you can see, the video background begins at about the waitline of the golfer and does not fully take up the height of the color section. The Youtube video, on the other hand, does goes much higher than that.

    I have tried to:
    – Change the padding
    – Add spacers
    – Change the heading menu appearance
    I also tried to use the following CSS with experimentation of the pixels but no success:

    #top .av-section-video-bg {
    top: 5px;

    #video-background .av-section-video-bg {
    top: 5px;

    Is there any way that I can better align this background video?

    Thank you in advance!

    – Neil

    Bottom portion of section. Video background scaled the top 1/3 or so of video out of view.


    Hey npmcgrew,

    Thank you for using Enfold.

    This css code should adjust the default top position of the video iframe inside the color section.

    #video-background iframe {
        top: -50px !important;

    Best regards,


    That worked. Thank you!



    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color Section Video Background Alignment’ is closed to new replies.