segunda-feira, 16 de janeiro de 2012

Tutorial-Dividir os gadgets



Primeiramente vá até 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 a tabela 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>.

Espero que tenham gostado, lembrando que aprendi no blog Material Extra visitem lá tem vários tutoriais :)