Need help editing the cart summary sidebox mod

also, how wide do you want the site to be?
do you want it to be static, (recommended, unless you have a template that specifically stated was variable)

or do you want the variable?

ok, this is def. fixable, im glad we're at least seeing everything now, though not in the right places! its a step!

a few questions for you...

1. what width do you want the site? (or variable?)
2. to understand the pictures part, you want the "ghost" car as the background in the header, with the logo to the left of it...?
3. do you also want this "ghost" car to be in the background of the website pages? or just in the header?

solving this first will help, as right now we dont have anything in place to tell that "ghost" car image to stop.. thats why its throwing everything off... its just repeating all over the place. so we need to contain it... just need to know what your intentions are with 1-3 first, then we will work out the code together!

im running to get some lunch, just drive-thru really quick.. brb.

Basically id like the site to be identicle as before, full width shopping cart in the header and for the time the standard one showing in the right hand colomn, the top links to be in a line at the top centre of the banner.

Thanks

To comfirm, the red and black logo is in the left, the ghost car is the background of just the header. I want the site to be full width at all times, and i dont want any background picturs in any of the main pages just the one in the centre of the header.

ok, 1st then, lets get the header image to be only in the header...
your image is gonna stretch and skew probably, but we'll fix that in a min... start with this....

find this in your css:

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

and change that section to: (change link to match your image)

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #383E44;
height:144px;
}
#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

also, change the background color to #ffffff for your site.

Ive added that code to the stylesheet

#navMainWrapper {
margin: 0em;
background-color: #ffffff;
font-weight: bold;
color: #000000;
height: 1%;
width: 100%;
font-size: 1.3em;
background: url(../images/top_background.jpg);

this is in your code now... this image is the same one? the "ghost" car? if so... delete this from here...

for future reference for me, what is the name of the "ghost" car image, and what is the name of the logo (black/red script) image?

sorry for the delays, my machine is running so slow

np, i am working on my site in the in-between.. :)

red black logo is called new_logo.JPG
ghost car is called top_background.jpg

i have also deleted the second background image code.

ahhah! 1st tiny baby step... we got the logo and image contained in just the header...

now lets see what else we can fix...

1. add this to #logoWrapper
   margin: 0em;
   padding: 0em;

2. you have this call in your code,

i would try deleting this?

3. find this:

and move the <?php }?> up one line, to before the </ul></div>

lets see what these changes get us! then to the next step...

Is task 2 & 3 both in tpl.header.php

yes, it is...

thats all done now.

starting to take shape now :-)

ok, gettin somewhere!!

what is the "need help, call us"?? and where ultimately do you want it to go?

is it an image? or just text?

that bit was origianlly the text tagline as standard and went underneath the logo full width of the page. it also contained the search box which sat in the left side of it.

ok, gotcha... well, it is outta place... so lets see if we can get it back on top where it is supposed to be!

1st, try deleting this from your header.php

im working on the rest...

in your CSS, also change this:
#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: middle;
background-color: #99CCFF;
}

to this:
#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: botttom;
background-color: #99CCFF;
}