image behind main content?

[jimmy9]

hello is there a way to put a tiling image behind all the content side boxes centre boxes etc?

not in the dead browser space as is popular but in the actual zen cart pages every thing below the header.

I hope I'm making sense, thanks in advance

Jim

[afo]

Yes, of course. Look at the Fan Odyssey site in my sig for an example. You add the image to your stylesheet (includes/templates/YOUR_TEMPLATE/css/stylesheet.css). The sections below are from the stylesheet for the Fan Odyssey site.

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #000000;
  background-image: url('../images/space011.jpg');	text-align: left;
	width: 100%;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
  background-image: url('../images/space011.jpg');
	background-repeat: repeat-x;
	background-color: #000000;
	height:110px;
	width: 100%;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #000000;
	background-image: url('../images/space011.jpg');	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

#navCatTabsWrapper {
	background-color: #000000;
	background-image: url('../images/space011.jpg');	color: #ffffff;
}

.centerBoxWrapper {
  background-color: #000000;
  background-image: url('../images/space011.jpg');	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

.leftBoxContainer, .rightBoxContainer {
  background-color: #000000;
  background-image: url('../images/space011.jpg');	margin: 0em;
	border: 1px solid #c0c0c0;
	border-bottom: 5px solid #COCOCO;
	margin-top: 0.5em;
	}

.sideBoxContent {
  background-color: #000000;
  background-image: url('../images/space011.jpg');	padding: 0.4em;
	}

[jimmy9]

Thank you very much, works a treat.

[afo]

Glad to help.