How can I make my background image extend above the header?

[Pat Allosaurs]

Hello zencart people! My shop is almost fit to go live, but one final tweak would make it perfect.

I would like my background image to extend mabe 10 px or so above the header - or my header to drop down 10 px or so beneath it, whichever way you look at it
There would then be a border of background image at the top of the page, like the one already existing below the footer.

my site is here:http://liquorice-allosaurs.com/Zencart

I'm running Zencart 1.3.5 with the excellent (modified) Future Zen template

I hope someone is kind enough to help me out; I'm no coder but with this forums help I've had a good go at customising everything else - however this has really stumped me. Thank you lovely people in advance

Cheers! Pat

[clydejones]

try this and see if does what you want.

in your stylesheet.css add the following:

#headerWrapper {padding-top: 10px;}

#headerWrapper {padding-bottom: 10px;}

You'll only need one of the above lines for your purpose.

[Pat Allosaurs]

Thanks for your reply! I tried this, but what happened was the main wrapper appeared above the logo instead - a pale pink colour. I have a feeling that whatever would help might not in the css after all, but as I dont really 'get' how the coding works I'm at a bit of a loss...

[Kim]

In the BODY section of your style sheet, add:


margin-top: 10px;

[Pat Allosaurs]

Aha! Thank you so much for that! I tweaked the other margins for good measure now that I know what bit to play with. I'm chuffed to bits, it looks so much better!

Cheers!!!