Wednesday, June 10, 2009

How to Remove Header Borders in Minima Blogger Template

How to Remove Header Borders in Blogspot/Blogger

This is a really quick and easy trick. Whenever, someone creates a new blog, Blogger automatically chooses Minima Blogger Template by default. I really love this minimal template but the border lines around header doesn't make any sense. So, in this tutorial, Ill tell you how you can very easily remove the border lines around header.

Steps to Remove Borders Around Header/Title


1- Just go to Layout and then Edit HTML tab.

2- Find this code:

#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;
}


3- Delete the two lines from the above code which are border: 1px solid $bordercolor; and again border:1px solid $bordercolor;. After that, the code should look something like this:

#header-wrapper {
width:660px;
margin:0 auto 10px;
}

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

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


4- Preview your template and save if happy with the results.

No comments:

Post a Comment