Wednesday, September 16, 2009

How to remove borders in header

The taste or usability of using header border depends on person. Some people do not like borders and thinking of removing it.
There is an easy way to get rid of the border around the header.

Here’s how to do it;

how to remove borders in header
On your dashboard select LAYOUT, and then ► EDIT HTML ► and find the following:

#header-wrapper {
width:750px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid #cccccc;
text-align: center;
color:#666666;
}

..just change the 1px into 0px in these two lines:

border:1px solid #cccccc; ► border:0px solid #cccccc;
border: 1px solid #cccccc; ► border: 0px solid #cccccc;

No comments:

Post a Comment