Title: Background image issues
Last modified: August 19, 2016

---

# Background image issues

 *  Resolved [beaufugg](https://wordpress.org/support/users/beaufugg/)
 * (@beaufugg)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/background-image-issues/)
 * Hello
 * My first forum post, forgive me if I’m not savy yet, no smart asses please.
 * I’m trying to add a background image to a theme that I have used as a starting
   point to designing a new theme.
 * I need the image to be horizontaly tiled to 820px wide (it’s a 8px wide by 1276px
   image [http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif](http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif))
   and centered behind the main content.
 * I know this is probably really simple but I’ve been scouring forums for hours
   now and am stumped!!!!
 * Any help would be greatly appreciated.
 * [http://www.choicebananas.co.nz/wordpress](http://www.choicebananas.co.nz/wordpress)
 * I’ve created a div ‘wrapper’ but have just struggled to get anything to happen…
 * Cheers

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

 *  [vivsin](https://wordpress.org/support/users/vivsin/)
 * (@vivsin)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/background-image-issues/#post-873479)
 * edit your style CSS file
 * Full body Stretch ( top aligned ) :
 * In BODY tag add { background:url(image location} repeat-y; }
 * Fixed width:
 * Create an id, I think u have done that as ” WRAPPER “
 * add this
    { background:url(image location} repeat-y; margin: 0 auto 0; width:
   820px; }
 * Start this DIV next to <BODY> in header.php
 * close this div after Footer in footer.php
 *  Thread Starter [beaufugg](https://wordpress.org/support/users/beaufugg/)
 * (@beaufugg)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/background-image-issues/#post-873594)
 * Thanks so much vivsin
 * I’ve done all you’ve said and still not working! though not sure what you mean
   by
 * > Full body Stretch ( top aligned ) :
 * background has changed to white now!!!
 * this is my body css
 * > body {color: #939393; background-color:#000;font-family: Verdana, Helvetica,
   > Arial, Geneva, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding-
   > top: 0px;background:url([http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif](http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif))
   > repeat-y;}
 * and this is my wrapper css
 * > #wrapper {
   >  background:url([http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif](http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif))
   > repeat-y; margin: 0 auto 0; width:820px;
   > }
 * have closed my div in footer.php (which I hadn’t before)
 * ?!?!?!?!?!?!?!
 * : )
 *  [chaoskaizer](https://wordpress.org/support/users/chaoskaizer/)
 * (@chaoskaizer)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/background-image-issues/#post-873617)
 * If I understand this correctly, you want the [main content](http://www.choicebananas.co.nz/wordpress/#wrapper)(
   the posts & sidebar) to have a [horizontal tile bg](http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif),
   centered with 820px width.
 * might want to try the following solution, first [find](http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/style.css)
   on line 36
 *     ```
       #container {background:none;position: absolute;min-height: 100%;height: auto;width: 640px;}
       ```
   
 * replace with
 *     ```
       #container {background:none;min-height: 100%;height: auto;width: 640px;}
       ```
   
 * Next, find on line 51
 *     ```
       #wrapper {
       	background:url(http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif)
       	repeat-y;
       	margin: 0 auto 0;
       	width:820px;
   
       }
       ```
   
 * replace with
 *     ```
       #wrapper {
          background: #6C6E71 url('/wordpress/wp-content/themes/maze/images/background.gif') repeat-x 0%;
         margin: 0pt auto;
         width: 820px;
       }
       ```
   
 *  Thread Starter [beaufugg](https://wordpress.org/support/users/beaufugg/)
 * (@beaufugg)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/background-image-issues/#post-873633)
 * you rock, lots of little subtle things I’ll have to get my head around but that
   works fine for this stage.
 * Thanks so much : )

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

The topic ‘Background image issues’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Tile](https://wordpress.org/support/topic-tag/tile/)

 * 4 replies
 * 3 participants
 * Last reply from: [beaufugg](https://wordpress.org/support/users/beaufugg/)
 * Last activity: [17 years, 8 months ago](https://wordpress.org/support/topic/background-image-issues/#post-873633)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
