Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Making header background image higher without being hidden behind centre of website

Making header background image higher without being hidden behind centre of website

Locked

Views: 1,250

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
23 Apr 2009, 3:06 PM
#1
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Making header background image higher without being hidden behind centre of website

Hi, I've looked through the forums but I'm not entirely sure what to search for. I have a plain blue header 'header_bg.jpg' image currently. (This is just tempory) I want this plain blue image to be higher. I know how to make the actual image higher but once I do this, some of it is concealed by white space. How do I squash this white space down so that all of the header can be seen no matter what height it is?

23 Apr 2009, 3:07 PM
#2
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: Making header background image higher without being hidden behind centre of website

P.s my site is: http://www.thegreatgiftshop.co.uk/zencart/

it's very basic at the moment, I'm just getting to grips to sort the design!

23 Apr 2009, 3:36 PM
#3
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: Making header background image higher without being hidden behind centre of website

Nevermind, I figured it out. Just went includes/templates/mytemplate/css/stylesheet.css and changed height to whatever I want.

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:150px;