Title: Add Background to Theme
Last modified: August 31, 2016

---

# Add Background to Theme

 *  Resolved [drorimail](https://wordpress.org/support/users/drorimail/)
 * (@drorimail)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/)
 * Hi,
 * Im trying to customise the theme for my [blog ](http://www.theordinaryadventurer.com/)
   to the main part of the blog (header, posts, sidebar and footer) to the background.
 * I would like to added this picture to the background and have a white background
   to the main part – similar to this [site](http://www.alexinwanderland.com/destinations/).
 * Can you please help?
 * Many thanks,
    GIL

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Jakson](https://wordpress.org/support/users/jaskon/)
 * (@jaskon)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252272)
 * Hi Gil,
 * Do you mean you want to have the the zig-zag image at the top and bottom and 
   the grey background on whole page, and then the “content” areas have a background
   of white?
 * Cheers,
    Jakson
 *  Thread Starter [drorimail](https://wordpress.org/support/users/drorimail/)
 * (@drorimail)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252289)
 * Thank Jakson,
 * Yes – not with the zigzag but I’d like the content to be in white and have a 
   background picture out site the main content.
 * Appreciate your help!
    Gil
 *  [Jakson](https://wordpress.org/support/users/jaskon/)
 * (@jaskon)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252299)
 * No Problem Gil!
 * You can add CSS to your site to achieve this, something like:
 * #page { background: rgba(0, 0, 0, 0) url(“[https://images.unsplash.com/photo-1427464407917-c817c9a0a6f6&#8221](https://images.unsplash.com/photo-1427464407917-c817c9a0a6f6&#8221);)
   repeat-y fixed center 0; padding-top: 30px; }
 * .container { background: #ffffff none repeat scroll 0 0; }
 * The image I have here is from unsplash.com, so you would replace this with something
   in your Media Library.
 * There’s also an awesome Custom CSS plugin that I can highly recommend that allows
   you to add CSS AND Background Images to your site with a “what you see is what
   you get” editor – its the “SiteOrigin CSS” plugin on the repo here: [https://wordpress.org/plugins/so-css/](https://wordpress.org/plugins/so-css/)–
   there’s a little video on the repo home page and more info here [https://siteorigin.com/css/](https://siteorigin.com/css/)
 * Hope this helps!
 * Jakson
 *  [Jakson](https://wordpress.org/support/users/jaskon/)
 * (@jaskon)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252302)
 * oh, and one last thing was that you could get a slightly higher resolution logo
   image and add this code to make your logo stretch the whole way across:
 * .site-logo img {
    width: 100%; }
 * Jak
 *  Thread Starter [drorimail](https://wordpress.org/support/users/drorimail/)
 * (@drorimail)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252309)
 * Works like Magic – Thanks so much!!!
 *  [Jakson](https://wordpress.org/support/users/jaskon/)
 * (@jaskon)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252326)
 * You’re most welcome Gil – best of luck with your WP project!
 * Jakson

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Add Background to Theme’ is closed to new replies.

 * 6 replies
 * 2 participants
 * Last reply from: [Jakson](https://wordpress.org/support/users/jaskon/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/add-background-to-theme/#post-7252326)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics