How to add a background image to the header?

[Twaddle]

I'd like to add a background image to the header of my site that stretches across the full width of the page - how would I go about it?

[frank18]

you may want to look at the tutorials:

https://www.zen-cart.com/tutorials/i...hp?article=124

Frank

[Twaddle]

I tried that and no joy due to the template, but it pointed me in the right direction and I worked it out, so thanks

.main {width:960px; margin:auto;}



.navigation {background:#000000; border-bottom:2px solid #000000; background-image:url(../images/header_bg.jpg);}
.navigation .left {float:left; padding:5px;}
.navigation .right {float:right; padding-right:0px;}
.navigation .links {text-align:right; padding:40px 0px 30px 0px; color:#ffffff;}
.navigation .links a {color:#ffffff;}