Border Removal

Ok,  so here is just a quick tutorial on how to remove that annoying border around your picture that never really fits. This is not a permanent change, so if you want the border back later, that's totally up to you.  All you are going to do is change one of the variables in the code.

So the first thing you have to do is go to the layout tab, as if you were going to edit the colors.  Within Layout, click on the link, edit HTML.

Now you need to find this piece of code :

/* Header

-----------------------------------------------

*/

#header-wrapper {

  width: 660px;

  margin:0 auto 10px;

  border:1px solid $bordercolor;

  }

Probably the easiest way to find it is to press  Ctrl-f, this brings up a little search bar in the browser.  It will search the page for a given word.  Type in Header and it should take you straight to this section of code.  It should be about 1/3 of the way down the page.

Anyway, the only change that you are making to the code is changing the border: 1px  to border: 0px.

Then save the template, and reload your blog, and that border should be gone.

If you need anything else code wise, just let me know and if I don't know, I'll find out.