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.

5 comments:

  1. "Layout" is called "Design" now

    ReplyDelete
  2. @ RayPlay, yeah you're right!

    ReplyDelete
  3. hello.
    My blog template don't have the
    #header-wrapper {
    at all.

    I've been searching all over for a solution to remove the border at the top of my header, but all "blogger help"-sites just lists the same solution that you do here.

    Is there another way to do it?
    My site is www.blokmed.com

    PS: I'm also trying to remove the border between the header and the first post, the bottom border of the posts, as well as the border between the post and the footer, to no avail.

    Any help much appreciated! =)

    ReplyDelete
  4. @ Tiger, I've visited your blog and you don't have any borders between header and post and post and footer.

    ReplyDelete
  5. Thanks for the great tips. I can't wait to start putting some of them to use, especially the tips on how to remove header borders in the blogger template.

    ReplyDelete

Note: All comments will be moderated.