using-wpbakery.md

title	Using WPBakery
description	Using WPBakery to Create a Video Background

Using WPBakery to Create a Video Background

<style> .notice { background-color: #FEC; padding: 0.5rem 1rem; border-radius: .25rem; color: #654a15; } </style>

<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/LIMgVpmLc_I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

**This video tutorial was made for Video Background Pro, but will also work for Video Background.**

WPBakery is a great tool to create website elements without much coding experience. Thankfully, Video Background has a great WPBakery integration that lets you add video backgrounds through WPBakery Row elements.

First thing is first, you'll want to have content in your row before you start. Since the video background is sized according to the container, if there is no content, the height will be 0.

Here are the steps to create a video background successfully with WPBakery:

1. Make sure WPBakery is installed in WordPress Admin > Plugins
2. Navigate to the page you would like the video background to appear on
3. Make sure you are using the WPBakery Backend Editor
4. Create a row by selecting the plus icon, then selecting the Row item
5. Select the pencil icon in the top-right corner of the row to bring up the settings
6. Click the Video Background tab, and fill in the fields as necessary.
7. Save changes

Congrats, you've added a video background through WPBakery!