Tutorial- Separando os gadgets

Oiee! Vim ensinar vocês a separar os gadgets da sidebar!
é bem simples e rápido! Vamos lá?

Vá no designer do modelo, clique em Avançado > Plano de fundo da barra lateral > Cor do Plano de fundo  e escolha transparente.

Depois vá em Editar HTML, aperte Ctrl+F e procure por:

/* Widgets

Você vai encontrar alguma coisa assim: .sidebar .widget {
antes do 'sinalzinho de fechamento (}), cole o seguinte código:


border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin: 30px 0;
Background: #ffffff;
box-shadow: inset 0 0 30px #eee, 0 0 4px #ccc;

Entenda:
Margin: é o tamanho do espaço que vai ficar entre os gadgets. Se quiser pode mudar, recomendo ir aumentando/diminuindo e visualizando!
Background: a cor que vai ser os gadgets, mude a cot trocando o código de cor
box-shadow: é a cor de uma "sombrinha" que vai ficar em volta do widget. Se não quiser essa sombrinha, é só retirar essa parte:
box-shadow: inset 0 0 30px #eee, 0 0 4px #ccc;
Mas, se quiser deixar, mude a cor, trocando o #ccc por outro código de cor!
Para mudar as cores, use essa tabela.


•Espero ter ajudado!