...

View Full Version : How to Increase Header Height of Blogger Blog?



Brady Partridge
06-01-2012, 04:35 AM
I've installed a custom banner on my blog but haven't been able to increase the header height to accommodate it. No matter what changes I make to the code the header height refuses to budge. (I posted my predicament on the Blogger support forum several days ago, but if anyone has a fix, he's keeping it to himself, lol.)

This is what the header looks like without the custom banner.

http://btemplates.com/2012/blogger-template-moviereview/demo/

This is my blog with the custom banner.

http://funnyforeignmovieposters.blogspot.com.au/

As you can see, the banner overlaps the bottom of the header. I know I could shrink the banner so it would fit snugly in the header but it doesn't look nearly as good.

Here is the header code.


#header-wrapper {
height: 158px;
margin: 0 auto;
text-shadow: 1px 1px 0 #000000;
}
#header-inner {
margin-left: auto;
margin-right: auto;
padding-bottom:0px
}
#header {
top: 7px;
position: relative;
color: #FFFFFF;
text-align: left;
}
#header h1 {
font: 293% family,Lobster,Serif;
letter-spacing: -1px;
margin: 0;
padding: 42px 51px 1px 81px;
text-transform: none;
}
#header a {
color: #FFFFFF;
text-decoration: none;
}
#header a:hover {
color: #FFFFFF;
}
#header .description {
font: 100%/12px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0;
margin: -7px 0 0;
padding: 0 14px 0 81px;
text-transform: none;
}
#header img {
margin-left: auto;
margin-right: auto;
display: none;
}

Many thanks for your help!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum