header height

I uploaded my logo image and unchecked the resize button, but my image is too tall for the header.  What do I need to edit to get the header to be a greater height?  Thank you!

if you are asking how to edit your header image, that can be done with an image editor such as gimp, or irfanview, or photoshop.

Your header bg is named header_bg.png and is found here: templates/base/images/header_bg.png <- you can see the default dimensions etc. using that link. But to change it (size or color or whatever) you need to save your new image as header_bg.png and upload it to your custom template along the same path (i.e. templates/tmpl_yourtemplatenamehere/images/header_bg.png ). If you don't have a custom template, make one. It'll save your changes even when you upgrade your site.

Changing the header bg should make the template look correct even if your logo is larger than the default, although it will push everything else in the formatting further down (obviously, I suppose lol) and some templates don't look right when that happens. The UNI template looks fine when the logo and header are larger, from what I've worked on . Ymmv.

Okay, setting up a tutorial and realized that I gave you the wrong instructions here, based on the template I'd created. Sorry bout that! ha.

There isn't a default bg image, but you can create one to push the header larger, there's probably a better way to do this with the coding though.

What I did was upload an image named header_bg.png to the folder /tmpl_mytemplate/images/. Then I changed the code in general.css from this:

div.sys_main_logo {
position: relative;
z-index: 56;

background-color: #f4f4f4;
}

to this:

div.sys_main_logo {
position: relative;
z-index: 56;

background-color:#660000;
background-image:url('/templates/tmpl_mytemplate/images/header_bg.png');
background-position: Center;
background-repeat: repeat;
background-attachment: fixed;
}

I made my background image 80x288, which is actually larger than I needed, but for a bit I had a massive logo and I haven't updated it lol.

As I say, there's probably a "right" answer (and this is not it lol) - but this is what worked for me and my oversized logo.

use firefox firebug to tweak all the css.

its great.