I'm using a background image for the center and left sidebar. I'm not using a right sidebar.

I also have a static home page.

The Image shows up on the home page, but all other pages show up as the main background color.

http://welcomechanges.com/demo is where I am playing with this.

I'm not sure what I did wrong. It's been kinda fun playing with it so far.

Make all CSS image references absolute paths instead of relative paths, change all

url(wp-content....

to

url(/wp-content....

or

url(http://www.yourdomain.com/wp-content....

The dynamic CSS is being inserted inline into the pages. The way you have it now would only work if you had put that into style.css because the path of style.css never changes (so the relative paths always point to the same image) whereas the dynamic CSS inside the pages can be anywhere, such as domain.com/, domain.com/subpage/, domain.com/2009/02/title-of-post/

I'm assuming this is the area where I edit in the CSS.

Do I replace the /* more ... */? I'm not sure where to insert the background-image: stuff in the CSS file.

/* ------------------------------------------------------------------
---------- LEFT SIDEBAR ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
	/* more  ... */
	}

	
/* ------------------------------------------------------------------
---------- RIGHT SIDEBAR --------------------------------------------
------------------------------------------------------------------ */

td#right {
	vertical-align: top;
	/* more  ... */
	}

	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	max-width: 100%;		
	overflow: auto;
	/* more  ... */
	}

	
	
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

td#footer {
	width: auto;
	/* more  ... */
	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	/* more  ... */
	}

td#footer a:hover {
	/* more  ... */
	}

You could but you shouldn't add it in style.css because that would be overwritten whenever you update to a newer version of Atahualpa

It would be better to insert it at the Atahualpa Theme Options ->

Center -> Center column style

background: transparent url(/......./image.gif);

and

Sidebars -> RIGHT sidebar style

background: transparent url(/......./image.gif);

Or add it as HTML/CSS Inserts -> CSS Insert

td#right {
background: transparent url(/......./image.gif);
}

Ah...OK...changed the added the full url in the center, side bars, and footer. That worked.

Thanks!!