4.28.2009

How do I delete the border lines around my header?


FOR OUR CURRENT SITE PLEASE VISIT WWW.SMITTENBLOGDESIGNS.COM!


1. Go to the Layout tab of your template and click the Edit HTML link. Scroll down in the code box until you see this section (it'll be about 1/4 of the way down):

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:850px;
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;
}

2. There are 2 places you will have to delete the border from. They are shown above in the sections highlighted in green. Simply change the number 1 to a number 0 in both sections. (You could take that entire line of code out of both sections as well, but changing it to a 0 gives you the option of putting it back in later).

3. Preview to make sure that's how you want it to look. Then save and you're done!

No comments: