Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Moving the container down—Show background behind header

Moving the container down—Show background behind header

Locked

Views: 3,223

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
12 Nov 2008, 3:38 AM
#1
cgardner avatar

cgardner

New Zenner

Join Date:
Sep 2007
Posts:
46
Plugin Contributions:
0

Moving the container down—Show background behind header

Here is my website: http://www.cardnirvana.com. I need to move down the container so you can see the swirls like on my other website: http://www.diginirvana.com/zen_cart/store

I had someone else do a portion of this website so I don't know how they moved the container down. Anyone tell me where I can do this?

12 Nov 2008, 3:52 AM
#2
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: Moving the container down—Show background behind header

Ha the swirls been added?
I looked at your site in FF and no image is there.

Your css has the image commented out.

body { margin: 2em; font-family: helvetica, sans-serif; font-size: 75%; color: #000000; background-color: #eeecde; /background-image: url(../images/flora4.jpg);/ } You will need to add some padding in here to drop the "container" down.

something like this:
padding-top: 30px; (adjust the 30px to whatever you need.)

Tina

12 Nov 2008, 4:20 AM
#3
cgardner avatar

cgardner

New Zenner

Join Date:
Sep 2007
Posts:
46
Plugin Contributions:
0

Re: Moving the container down—Show background behind header

Thanks...I tried that...So it has pushed it down, but the header went with it (you can see it at http://www.cardnirvana.com/shop) How do I move the header up?

12 Nov 2008, 5:03 AM
#4
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: Moving the container down—Show background behind header

The code I provided is designed to do just what it did.
Where do you want the swirls?

Have you uncommented the swirls image to see what it looks like now?

Tina

12 Nov 2008, 5:29 AM
#5
cgardner avatar

cgardner

New Zenner

Join Date:
Sep 2007
Posts:
46
Plugin Contributions:
0

Re: Moving the container down—Show background behind header

The entire header is the stripe with the nav bar, logo, and swirls (it's all one png file with html from fireworks). If you click and say "open image in another window, you will see the image (however, you will NOT see the swirls as they are in white and meant to show up on the tan background as on the Digi Nirvana site). So the ENTIRE image needs to be moved ABOVE the container.

12 Nov 2008, 12:44 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Moving the container down—Show background behind header

The background-color in #headerWrapper needs to be changed to #eeecde, like the body background.

12 Nov 2008, 3:48 PM
#7
cgardner avatar

cgardner

New Zenner

Join Date:
Sep 2007
Posts:
46
Plugin Contributions:
0

Re: Moving the container down—Show background behind header

Because the header is a png, if the container was moved down and the header was moved up then I should have to change the background color on the png (and change to a jpg). I also don't want the "border" to go around the image (which it will continue to do if I do this easy fix). I am actually sort of suspecting that this may be in the wrong thread. I don't know that this is a CSS problem that perhaps I just need to move my logo/header plus html map somewhere.

Any ideas?