Blog Progress

This time, I played around with the borders in the header and line division between posts. I used double and dotted in the header and changed the line division from dotted to solid. I thought solid lines separating the posts would give the blog more organization and distinction.

Under the "Layout" tab and "Edit HTML" tab, this can be edited under the "heading" section of it:

/* Header

----------------------------------------------- */

#header-wrapper {

width:740px;

margin:0 auto 20px;

border:7px double $bordercolor; }

#header {

margin: 20px;

border: 2px dotted $bordercolor;

text-align: center;

color:$pagetitlecolor; }

As for the line separation, that can be changed under "posts":

/* Posts ----------------------------------------------- */

h2.date-header {

margin:1.5em 0 .5em;

} .post {

margin:.5em 0 1.5em;

border-bottom:1px solid $bordercolor;

padding-bottom:1.5em;

}

There are much more border styles shown on http://www.w3schools.com/CSS/css_border.asp

I also changed the text-align for the post section. It can be changed to right, left, center, or justified.