Shifting columns

[Poppers]

Okay done, but the image still doesn't blend in with the background. It's in PNG format by the way

[fairestcape]

Okay done, but the image still doesn't blend in with the background. It's in PNG format by the way

No, it won't (yet), until a few further adjustments are made...

Let me look at what the current image looks like...

[fairestcape]

In your stylesheet, you are referencing your body background image via a remote URL.

background-image:url(http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png);

Technically, there's no problem with this, but if that other site removes or changes the image, you'll have no background. Better to grab a COPY of that image and store it in:

includes/templates/CUSTOM/images/cutebg3.png

Then reference it like this:

background-image:url(../images/cutebg3.png);

-----------------------------------------------------

To make your body background image visible in the logoWrapper, find the following in your stylesheet.

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

Directly UNDER that, put:

#logoWrapper {
 background: transparent;
 }

(OKAY... small problem... above does not work yet...)

[Poppers]

I've pasted the code you gave but it doesn't seem to work

Here's what I did:

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

Edit:Yeah, it doesn't work, hmm...

[fairestcape]

OK, remove that declaration from the stylesheet...

There is one other option that WILL work, but it will require you to change the WIDTH of your logo (smoosh 2.png) (and your mainwrapper width) to 776 pixels.

(By the way... your logo NAME - smoosh 2.png - has a SPACE in it... You should re-name it to smoosh2.png (no letter spaces).

When you change smoosh 2.png to have a width of 776px, find the following in the stylesheet...

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	}

Change to

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 776px;
	vertical-align: top;
	}

Then, find this:

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

Then add this UNDER it:

#headerWrapper {
background-image: url('http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png');

(again, here's the full remote path to that bg image... better to get a local copy, as indicated previously).

NB... you will have to make the following change to your header.php in the language files:

  define('HEADER_LOGO_WIDTH', '776px'); 

The REASON why you must change the width is that the RELATIVE ASPECT RATIO of that BG image is inconsistent with a width of 750px. You must make the width an absolute multiple of the BG image width to get it to TILE properly.

[Poppers]

My banner has to be redone to make its width 776 right?

[Poppers]

OH!!! okay I got it, just have to change this:

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 776px;
    vertical-align: top;
    } 

to

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #transparent;
    text-align: left;
    width: 776px;
    vertical-align: top;
    } 

THANKS SO MUCH FOR YOUR HELP FAIRE!!! you're a really helpful person!

Okay, now I have to figure out how to move the Home,login, search button to the bottom of the banner. I tried using the codes you gave me previously but it doesn't seem to work or I might have done something wrongly

[fairestcape]

Sorry... one more thing in the stylesheet...

You must force the TILING of the bg images to be from the centre, so, add the bits in RED:

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #fff;
background-image: url('http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png');
background-position:center center;
	}

and

#headerWrapper {
background-image:url(http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png);
background-position:center center;

[Poppers]

Hmm, I thought only the banner part would be transparent?

[fairestcape]

Sorry...

look for

/*wrappers - page or section containers*/
#mainWrapper {
    text-align: left;
    width: 776px;
    vertical-align: top;
    }

Change to

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 776px;
    vertical-align: top;
    }