Transparent Wrapper?

[thederrickm]

I did a brief search on this and it returned 300 results. I skimmed through them and was unable to find the answer.

I would like to make the wrapper transparent completely so I can see my background image. I can modify the original boxes to the correct opacity I want to use, I just need to figure out how to make my background come through.

Possible? Any assistance would be greatly appreciated.

Thanks

[Andi98640]

I am stuck int he same boat. I modded apple zen to be narrow, but the background image of the wrapper is still white while the body is my background image. As you can see in my shop...
Any info would be helpful.
webstore.jellybeanfabrics.com

[thederrickm]

Yeah, that is my problem exactly.

[gjh42]

Find #mainWrapper and change its background to transparent.

[thederrickm]

Did not even realize you could so easily define transparency with css, thanks for your help

[Andi98640]

Didn't work for me:
here is my code....
/* blue */
#navMainWrapper {background:#6C99D9; }
#logoWrapperOuter {background:#transparent}
#navEZPagesTopWrapper {background:#6C99D9; }
#navCatTabsWrapper {background:#6084C4; }
#navBreadCrumb {background:#6084C4; }
body {background:url(../images/Jellyback.png) }
h3.leftBoxHeading, h3.rightBoxHeading {background:url(../images/sideboxleft-blue.gif) no-repeat top left; }
/*eof blue*/

AND
#headerWrappera {
width: 71em; /* change to width:71em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navMainWrapper{
backgroud: transparent;}
#navCatTabsWrapper, #navEZPagesTopWrapper {
width:70em; /* change to width:70em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navMain {
/* remove width:70em; for narrow header */
margin:0 auto;
}
#dropMenuWrapper {
width:100%;
/* remove background:#929292; for narrow header*/
margin:0 auto;
height:2.18em;
position:absolute;
top:0;
left:0;
}
/* uncomment the section below for narrow header */

/*
#headerWrapperb {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
}
#headerWrapperc {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
}
#dropMenuWrapperb {
width:71em;
margin:0 auto;
position:relative;
}
#dropMenuWrapperc {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
margin:0 auto;
position:absolute;
left:0;
height:2.18em;
}
#dropMenuWrapperd {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
margin:0 auto;
position:absolute;
left:0;
height:2.18em;
}
*/

So how do I get rid of the white on the sides?

[gjh42]

None of the stylesheet rules you mention above has anything to do with the whole page background. You need to find and style
#mainWrapper {}


And actually, since you mention "on the sides", your problem may be different from the others, and you may have unwanted backgrounds in #navColumnOne, #navColumnTwo, or similar rules.