O tutorial é: como colocar gadgets com fundo colorido.

Vá em Design > Editar HTML. E procure (F3 ou Ctrl+F) por /* Widgets. Deverá aparecer um código mais ou menos igual a este:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

Dentro das chaves, acrescente mais o código que divide a coluna, deixando a cor somente em cada gadget: background-color: #COR_HTML; não sabe que cor usar? Consulte atabela de cores HTML. Deverá ficar da seguinte maneira:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #COR_HTML;
}

Visualize, se estiver tudo certo salve!! E caso você não achar este código, copie ele e cole acima de]]</b:skin>.