How To Add A Background Image In Beaver Builder Without Code?

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Want to add a background image to your row in Beaver Builder?

Given below are the steps to add a background image in Beaver Builder:

  1. Edit the page with Beaver Builder on which you want to place the background image.
  2. Click the Row Settings icon on the row.
  3. Scroll down in the Row Settings popup till you see the Background settings.
  4. Select Photo in the Type field.
  5. Choose Media Library in the Photo Source field.
  6. Click the Select Photo link in the Photo field.
  7. Select the photo that you want to place as the background in the Select Photo popup.
  8. Click the Select Photo button in the Select Photo popup.
  9. Click the Save button in the Row Settings popup.

Let’s take a detailed look at each of these steps now.

How To Add A Background Image To A Row In Beaver Builder?

First, edit the page with Beaver Builder that has the row on which you want to add the background image.

Once Beaver Builder is active on the page, click the Row Settings icon of the Beaver Builder row.

BB open row settings

Now, scroll down in the Row Settings popup until you see the Background settings. Select Photo in the Type field, make sure that Media Library is selected in the Photo Source field, and then click on the Select Photo link in the Photo field.

BB set background image

In the Select Photo popup, select the image that you want to set as the background, and click the Select Photo button.

BB select background image

Click the Save button in the Row Settings popup.

BB save background settings

And that’s it!

Your selected image will now be added to the row as its background.

Don’t forget to publish your changes.

Alright! What next?

Next Steps…

There are a lot of settings that you can set for the background image, like image size, repeat, position, scale, etc. Play around with these settings to customize the look-and-feel of the background.

BB background settings

Apart from the background settings, there are other settings too that you can set for the row.

So take some time to go through all the settings.

And on top of that, here are some additional tutorials to help you get the maximum out of the Beaver Builder plugin:

Video Tutorial

Download Website Builders’ Toolbox


Final Thoughts

I have purposefully kept this tutorial short and to the point.

If you found this tutorial useful, then please share it with your friends. I will really appreciate it.

About The Author