Forums / Templates, Stylesheets, Page Layout / How to add a background image to the header?

How to add a background image to the header?

Locked

Views: 1,114

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
14 Jan 2010, 11:40 AM
#1
twaddle avatar

twaddle

Banned

Join Date:
Jul 2009
Location:
Prague, Czech Republic
Posts:
478
Plugin Contributions:
0

How to add a background image to the header?

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?

14 Jan 2010, 11:50 AM
#2
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: How to add a background image to the header?

you may want to look at the tutorials:

https://www.zen-cart.com/tutorials/index.php?article=124

Frank

NOTE: We are sorry that Frank is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

14 Jan 2010, 12:10 PM
#3
twaddle avatar

twaddle

Banned

Join Date:
Jul 2009
Location:
Prague, Czech Republic
Posts:
478
Plugin Contributions:
0

Re: How to add a background image to the header?

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 :smile:

.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;}