Thursday, December 14, 2006

removing the lines from your banner

If you want to remove those grey borders around or behind your banner with your blog title, go to
TEMPLATE-------> HMTL code

then select and delete this section:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:700px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

5 comments:

Jennifer Davis said...

Thank you so much Wilna! :) Love that you've provided all this info. Thanks again! jen

Unknown said...

directly.

Unknown said...

http://wilnaf.blogspot.com

Jaci Clark said...

Hi,

I was just wondering if this is for the new, updated version of the templates or can you also use this for the classic version?

Thanks!

Anonymous said...

found the link from another scrapper...wanted you to know this site is very very helpful! I changed to beta blogger and lost my header and I have been looking for instructions to put it back. off to read more of your info. thanks!