How to Remove the Border Around a Header

Hey Y'all!!

I sure enjoy browsing all your lovely blogs and I enjoy the individuality of each. As I've been browsing I noticed something: on many of your lovely blogs you have a border around your header picture and sometimes the border isn't the same size or isn't lined up. Well I thought I would share with you how easy it is to remove that border.

1. Open your Blogger Dashboard
2. Open the blog in question
3. Go to LAYOUT
4. Now click EDIT HTML
5. Scroll down in the HTML window until you see this:

/* Header

-----------------------------------------------
*/

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


#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

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


6. In this section you are going to change the pixels on this border.
7. See this line in the above code: border:1px solid $bordercolor; It is in the 1st and 3rd sections
8. Change the 1px to 0px
9. Preview your blog to see if the border is gone.
10. Save your work!