Blogger Template: How To Remove Borders from your Header

I get asked a lot of questions for Blogger Template tutorials, so here is a very basic and easy way to remove your borders around your header! =)


STEP 1: Go to your customize area, and click on EDIT HTML:

STEP 2: Scroll Until You see the following code:

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

STEP 3: Make the changes noted in RED.


STEP 4: Then scroll until you see this:

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

STEP 5: Make the changes that are noted in RED!



DONE! Your code should now look like this:

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

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

Now, who can say that was easy?