Gadgets com fundo colorido
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:
/* WidgetsDentro 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:
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
/* WidgetsVisualize, se estiver tudo certo salve!! E caso você não achar este código, copie ele e cole acima de ]]</b:skin>.
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #COR_HTML;
}
0 comentários:
Postar um comentário