Howto adjust Header Height?

[musicfreer]

Hi, I am using Cherry Zen template, I have changed my own logo and now want to adjust the header height to fit the logo height

Which file and where should I adjust to achieve that? thanks!!

[kobra]

stylesheet.css

Link to your site

[0be1]

Musicfreer;

More specifically here is what I did:

Break out #logoWrapper from the #headerWrapper, #contentMainWrapper, #logoWrapper, line so it is by itself (see example below).

#logoWrapper{
/*background-image: url(../images/bback.gif);*/ if you want some small repeating image in your top header
background-repeat: repeat-x;
background-color: #ffffff;
height:75px; // This controls your height
}

I hope this helps

Good Luck...

0be1

[musicfreer]

Thanks Kobra and Obe

my site is

www.locomolife.com/zen


As I am using Cherry Zen template, the logowrapper is already broken up itself, please let me know how to code it

thanks

[musicfreer]

FYI, this is my codes

/*wrappers - page or section containers*/
#nw {
	text-align:left;
	vertical-align:top;
	margin:0 auto;
}
#headerWrapper {
	float:left;
	width:100%;
}
#navMainWrapper {
	height:32px;
	width:100%;
	font-size:12px;
}
#logoWrapper {
	width:auto;
}
#logo {
	float:left;
	padding-left:15px;
	text-align:center;
}
#taglineWrapper {
	width:75%;
	float:left;
}
#tagline {
	font-size:1.1em;
	text-align:center;
	padding:25px 8px 35px;
}

[0be1]

Musicfreer;

Please look again at the example I gave you in my post as my logoWrapper and your logoWrapper differ. I have a height statement in mine whereas you do not.

Also one of the best things you can do is use firefox with the webdeveloper and firebug add-ons when doing your development. These plug-ins allow you to modify your site in real time, save the changes to the files locally and then you just need to ftp them up to your server and refresh your browser to see the changes.

Again, try the part of the logoWrapper from my original post and go from there. If that does not work, please describe EXACTLY which part of the screen you are trying to get changed.

tia...

0be1

[musicfreer]

Musicfreer;

Please look again at the example I gave you in my post as my logoWrapper and your logoWrapper differ. I have a height statement in mine whereas you do not.

Also one of the best things you can do is use firefox with the webdeveloper and firebug add-ons when doing your development. These plug-ins allow you to modify your site in real time, save the changes to the files locally and then you just need to ftp them up to your server and refresh your browser to see the changes.

Again, try the part of the logoWrapper from my original post and go from there. If that does not work, please describe EXACTLY which part of the screen you are trying to get changed.

tia...

0be1

Thanks a lot Obe, I found it very convenient to use webdeveloper

and I added the height attribute to the taglinewrapper to solve the problem!

thanks again!!!

Btw, I have another problem about multiple images. I used IH2 to upload first image and FTP the rest into the same folder

IH2 show all related photos for my product. However, when I goto the product info page, only the main photo is showing. I am sure that I have enabled additional image in my configuration. What else steps I missed?