Make header smaller?

[SPEEDKILLZ]

I would like to know if there is a way to tighten my header up (the blue where the logo sets) it looks a little this and bulky to me.

[Max Taxable]

Your actual logo (logo.png) is 355 pixels wide, 91 pixels tall. Therefore you should be able to set all header image dimensions to 91 px height. This will tighten it up significantly.

[SPEEDKILLZ]

Your actual logo (logo.png) is 355 pixels wide, 91 pixels tall. Therefore you should be able to set all header image dimensions to 91 px height. This will tighten it up significantly.

Where Would I Do This?

[Max Taxable]

Where Would I Do This?First place I would look is Styles and Templates>Style Manager>The style in question>Common Templates and look at the "Header" code.

[SPEEDKILLZ]

Custom theme, My header code is empty. All in navbar temp

[Max Taxable]

Custom theme, My header code is empty. All in navbar tempThere should be a height variable for images in that template then, most likely it's expressed in pixels. Gonna be something like 120px or more.

[tbworld]

If I am following the dialog correctly (big if!) :)

Then, alter and try this:

/* Add to bottom of your additional.css template */
.logo-image {
margin: 15px 30px;
}Your margin around your logo was too much.

This is really not the way to control the height of the header, you will have problems if you try to add other elements to it. For now it will get you going.

[Max Taxable]

He has two images in his header... Height of them most likely governed in the navbar code.

[tbworld]

For some reason I only see one, so the height of his header was being altered by his large margin on his image which was set to margin: 30px;

I will defer to you then @Max Taxable, sounds as if you got this. It is all good! :)

[Max Taxable]

For some reason I only see one, so the height of his header was being altered by his large margin on his image which was set to margin: 30px;

I will defer to you then @Max Taxable, sounds as if you got this. It is all good! :)Well... I actually don't have anything - I'm just assuming he wants the height of the images smaller. It's really not that clear to me if that's what he really wants.

I see from reading the page source code he does have two images, the logo he has in his signature here and the background image on the site, and again I just assume there's a height definition somewhere in the template for them.

All I have are assumptions, no real answers.:D

[ozzy47]

If I think what he is after, check the stylevar, titleimage_padding under the group, Header, I beleive you will find the Bottom set to 30

If there is no settings in there, than search in your template for, .logo-image it may be hard coded there.

[Max Taxable]

From what I can see they're not shrinking or making any larger the logo.png... They're just governing the dimensions of the BG image and letting the logo overlay that.

[ozzy47]

First screenshot is how it is now, second is how I believe he may want it. That was done editing the values I described.

[Max Taxable]

First screenshot is how it is now, second is how I believe he may want it. That was done editing the values I described.That's what I think too. Logo.png doesn't change at all, the background image does.

And you're right it is either hard coded or it's in the stylevar.

[SPEEDKILLZ]

I am looking now

Found in additional css


.logo-image {
margin: 30px 30px 30px 0px;
-moz-transition: all 0.15s ease-in-out 0.15s;
-webkit-transition: all 0.15s ease-in-out 0.15s;
-o-transition: all 0.15s ease-in-out 0.15s;
transition: all 0.15s ease-in-out 0.15s;
}

.logo-image:hover {
-moz-transition: all 0.15s ease-in-out 0.15s;
-webkit-transition: all 0.15s ease-in-out 0.15s;
-o-transition: all 0.15s ease-in-out 0.15s;
transition: all 0.15s ease-in-out 0.15s;
opacity: 0.70;
filter:alpha(opacity=70);
}

[ozzy47]

So change:
margin: 30px 30px 30px 0px;

To:
margin: 10px 30px 10px 0px;

[SPEEDKILLZ]

Awesome, thanks ozzy. That did it :)

[tbworld]

Not that it matters, I referred to a similar answer in post #7, we are now on post #17. :)

[SPEEDKILLZ]

Not that it matters, I referred to a similar answer in post #7, we are now on post #17. :)

Yes sir and thank you. That is what i used until finding it hard coded. :)

[Max Taxable]

Not that it matters, I referred to a similar answer in post #7, we are now on post #17. :)Mainly because none of us were sure exactly what the OP wanted? :D