Separando Widgets da sidebar - Fácil

Oi pessoal!! Hoje vou ensinar a separar os Gadgets da sidebar de um modo mais fácil. O outro modo era bem complicado pois o Gadget ficava um pouco menor, e se você escrevesse tinha que dar um monte de espaços, pois o texto ficava para fora do Gadget. Esse modo é mais simples e rápido.

1- No designer do modelo, clique em Avançado > Plano de fundo da barra lateral > Cor do Plano de fundo  e escolha transparente.

2- Agora vá em Editar HTML, aperte Ctrl+F e procure por:

/* Widgets

3- Você vai encontrar algo assim: .sidebar .widget { antes da tag de fechamento (}), cole:

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;

Vai ficar assim:

O que está de vermelho é a cor da barra lateral. Recomendo não mexer no resto.

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar