Se trata de "modificar" las barras de separación que hay en la sidebar y en su lugar colocar una imágen, o linea de color, gifs etc...
Ahora busca este código:
post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em; }
Cambia border-bottom:1px dotted $bordercolor; por esto:
background:url("URL DE TU IMAGEN") no-repeat bottom left;>
De manera que te queda así:
.post {
margin:.5em 0 1.5em;
background:url("URL DE TU IMAGEN")
no-repeat bottom left;
padding-bottom:1.5em;
}
De la misma forma, sustituimos las barras de los gadgets de la sidebar (barra lateral) por una imagen.
Busca este código:
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Y sustitúyelo por este otro:
.sidebar .widget, .main .widget {
Tienes que sustituir en ambos casos URL DE TU IMAGEN por la dirección de la barra divisoria o el icono.
background:url("URL DE TU IMAGEN")
no-repeat bottom left;
margin:0 0 1.5em;
padding:0 0 1.5em;
}