Spacious theme – background images

Hi there!

You can use this to display a background image in the content area:

#main {
  background-image: url("https://www.rustanddustrevolution.com/wp-content/uploads/2015/10/white-wood-hd-small.jpg");
}

Which would give this result : Screenshot

I hope that helps!

Luke the Daft Duke

That is great, thanks. But what about the white space that is still at the top of the page where the header image is located? Is there a way add an image there?

Thanks…

Yes, you can add a background image in the header section.

First you’ll need to create a transparent header logo. Currently it is white so nothing that is behind it will show up.

It’s not working for me. HELP! My url is:
http:caitgroup.com/devolivetree

Please help me – I love this theme, but I want to place a background image (tiled paper texture) in the content area of the entire site, including the header. This morning I woke up thinking that maybe it has something to do with the skin…

Right now the site is on a development server, the url is:

https://caitgroup.com/devolivetree

I have tried the following, but nothing is working:

#page {background-color: transparent !important; }
/* Masthead Background Image Cover

#page {background-color: transparent !important; }

#content {
background-image: url(“https://caitgroup.com/devolivetree/wp-content/uploads/2016/10/paper-texture-pattern-235×235.jpg”);
background-repeat: repeat;
background-position: center top;

#main {
background-image: url(“https://caitgroup.com/devolivetree/wp-content/uploads/2016/10/paper-texture-pattern-235×235.jpg”) !important;
background-repeat: repeat;
background-position: center top;
}