Translate

Blog Challenge #2-How to remove Header borders

Here is another blog challenge that was posted at Dixie Pieces today

Some of us have banners that we have on our blogs but some of them are small and the border lines are seen. Now I dont mind but I really wanted to make it disappear around the header but if I did that them the lines all over the blog would disappear to but I found a way you can do it without changing the borders all over the blog.

Its really easy to do

How to remove Header borders **

1. Sign into your Blogger account(your Dashboard). Then click on the LAYOUT tab followed by EDIT HTML to get to the template editor.

2. Look for this in the template:

#header-wrapper {
width:100%;
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 this code
border:1px solid $bordercolor;

4. Save the Template

5. View your blog and you have the header lines gone around your banner

Go ahead and try it out :)



**I got this information from Blogger for Dummies

No comments: