# Picture as background on all space between header and footer?

**URL:** <https://community.wpbeaverbuilder.com/t/picture-as-background-on-all-space-between-header-and-footer/3218>\
**Category:** BB Theme\
**Created:** [May 17, 2015, 12:36pm UTC](https://community.wpbeaverbuilder.com/t/picture-as-background-on-all-space-between-header-and-footer/3218 "2015-05-17T12:36:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lasse-kristensen](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/l/9fc29f/32.png) [@lasse-kristensen](https://community.wpbeaverbuilder.com/u/lasse-kristensen)\
**Post date:** [May 17, 2015, 12:36pm UTC](https://community.wpbeaverbuilder.com/t/picture-as-background-on-all-space-between-header-and-footer/3218/1 "2015-05-17T12:36:41Z")

</div>

Hello,

I’m struggling to figure out how to put a faded picture as background behind all my content. In the “content” option in the customizer i can change the color only, but this one also changes the color-background of the header.

I tried using one column, but sadly one can’t add colums inside colums either.

I hope there is a solution to this, so i can have something similiar to [mises.org](http://mises.org) where there is a library and a person on the left in the background picture.

Thanks alot  
Lasse

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [May 17, 2015, 1:25pm UTC](https://community.wpbeaverbuilder.com/t/picture-as-background-on-all-space-between-header-and-footer/3218/2 "2015-05-17T13:25:55Z")

</div>

Hey Lasse,

Thanks for getting in touch! This can be achieved via custom CSS. You can target the element `.fl-page .fl-page-content` and place a background image there. It should look something like this.

```auto
.fl-page .fl-page-content {
  background-image: url(http://www.website.com/content-bg.jpg);
}

```

Then you can play around with the background options found [here](http://www.w3schools.com/css/css_background.asp).

Hope this helps!

Ben

---

<div class="post-metadata">

**Author:** ![lasse-kristensen](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/l/9fc29f/32.png) [@lasse-kristensen](https://community.wpbeaverbuilder.com/u/lasse-kristensen)\
**Post date:** [May 17, 2015, 2:42pm UTC](https://community.wpbeaverbuilder.com/t/picture-as-background-on-all-space-between-header-and-footer/3218/3 "2015-05-17T14:42:44Z")

</div>

Thanks Ben!

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:16pm UTC](https://community.wpbeaverbuilder.com/t/picture-as-background-on-all-space-between-header-and-footer/3218/4 "2019-04-27T22:16:33Z")

</div>