Primero tenemos que preparar el diseño y para saber el ancho de la imagen nos tenemos que ir a un gadget de imagen y ahí nos dice cuál es el ancho de nuestro sidebar.
Recomiendo que de alto el diseño mida unos 10-20 px.
Y ahora, para colocar los separadores nos tenemos que ir a la plantilla:
Plantilla ---> Editar HTML
Y buscamos /* Widgets, y al final del todo pegamos este código:
.sidebar .widget {
background-image: url(url de la imagen);
background-position: bottom;
background-repeat: no-repeat;
padding-bottom:70px;
}
El padding-bottom es para ajustar lo separado o junto que quieres los separadores de los gadgets.
Y con esto ya se te colocan los separadores entre cada gadget que tengas.
