5-Quitar los bordes

Otra cosa que podemos hacer es quitar los bordes de las cajas. Te será muy útil leerte primero el capítulo IV-propiedades de caja

Primero vamos a quitar los bordes de las cajas de la izquierda (acerca de, links, post anteriores…). Busca en tu plantilla la etiqueta .colsection. Ves que se definen los márgenes el fondo y los bordes.

.colsection {
margin: 20px 20px 15px 10px;
background:#ffffff;
border: 1px solid;
}

Solo tenemos que quitar border para que los bordes desaparezcan.

.colsection {
margin: 20px 20px 15px 10px;
background:#ffffff;
}

.content {
margin: 20px 10px 0px 210px;
border:1px solid;
background:#ffffff;
}

Borra border.

.content {
margin: 20px 10px 0px 210px;
background:#ffffff;
}

Este sería el resultado.

Ahora ya tendríamos el blog sin bordes, pero podemos seguir haciendo algún cambio. Fíjate a pie de cada post, están separados por una línea discontinua. También la podemos quitar o bien cambiarla de forma o color. Lo haremos modificando la etiqueta .postfooter. Si te fijas, solo tiene definido el borde inferior (border-bottom). En el caso de nuestra plantilla, define una línea discontínua (dashed).

.postfooter {
margin-top:5px;
padding-bottom:10px;
border-bottom:1px dashed;
}

Si quitamos lo de border-bottom el margen desaparecerá, o bien podemos cambiar lo de dashed por solid y aparecerá una línea contínua.

De la misma manera, podemos modificar la linea del título del post. En la plantilla taller aparece discontínua y vamos a cambiarla por una contínua. Buscamos la etiqueta .posttitle

.posttitle {
margin-bottom:5px;
font-size:120%;
font-weight: bold;
color:#637C86;
border-bottom:1px dashed;
}

Y cambiamos dashed por solid. Al final nuestro blog queda así.