Shifting columns

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

That's my current php now, if I change it to #ffffff the logo's background would be back to white again

No, your logoWrapper will have the BG image, which will over-ride the colour declaration in the mainWrapper.

Change

background-color: #transparent;

to

background-color: #ffffff;

(Don't forget the background-position: center center; declarations either!)

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

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

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

Still doesn't work :no:

It works in FIREFOX, but not in MSIE...

I'll try a few other things...

Oh yeah. just realised that it works fine in FF, bummer..

As I can't apply the stylesheet and view in MSIE, I don't know if the following will work.

What you may like to try is this...

Find the following in your stylesheet:

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

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

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

Replace it with this:

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

#contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
	background-color: #ffffff;
	margin: 0em;
	padding: 0em;
	}

#logoWrapper, {
	margin: 0em;
	padding: 0em;
	}

#headerWrapper {
	margin: 0em;
	padding: 0em;
        background: transparent;
background-image: url('http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png');
background-position:center center;
               }

Then view in MSIE.

If it does not work, come back to this post and copy/paste into your stylesheet your original bit as shown above.

Oh my gosh, it worked! Thanks! :clap:

As for the home, login and search panel above the logo, I tried using the previous method you gave me.

This is what I did:

1. Downloaded and extracted the file.
2. Change the YOUR_TEMPLATE to my custom directory.
3. Used FTP to upload only the tpl_header.php into my server under common directory.

Are the above steps correct?

In your case, Clyde Jones alternate header must be loaded up to:

includes/templates/CUSTOM/common/

If no "COMMON" folder exists at this level, create one first.

One small change in CSS

FIND:

#headerWrapper {
	margin: 0em;
	padding: 0em;
        background: transparent;
background-image: url('http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png');
background-position:center center;
               }

and COMMENT OUT background: transparent;

#headerWrapper {
	margin: 0em;
	padding: 0em;
       /* background: transparent;*/
background-image: url('http://i412.photobucket.com/albums/pp209/smooshboosh/cutebg3.png');
background-position:center center;
               }

If this messes up the display in MSIE, change it back.

It doesn't affect the disply in MSIE.

Done and it works! Thank you so much for all your help! Sorry for making you stay up late! (I assume it's night time in your zone right?)

It's just after 2pm, so I'm about to eat lunch!

(where do I send my invoice? :laugh:)

Glad to have helped. Site looks really good now. Don't forget to get a local copy of that BG image and reference it from your own server.

Haha, thanks once again!

Will post here if I have anymore questions, have to go change the colours of the panels and blah now.

Enjoy your lunch!:smile:

Hmm, another question, when I listed some categories, the list appears in the panel below the logo, how do I remove that?

Admin Panel>>>Configuration>>>Layout Settings...

Categories-Tabs Menu ON/OFF

Switch to OFF.

I see you've made the navbar transparent too... looks nice.

Now, to get your links visible (currently WHITE - #FFFFFF)

Find:

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
white-space: nowrap;
}

and change color to #8B8B8B

(This shade is colse to the grey in your logo.)

Got it, thanks so much!
Guess I'm gonna retire now and hit the sack, it's 11pm now, sleepy!

Thank you thank you thank you faire!:D
Will continue editing tmw haha