Tutorial - Separar os gadgets

Kon'nichiwa~

Vim ensinar a separar os gadgets, vão ficar iguais os meus...eu achei o tutorial no The Candy Wonderland, então créditos pra ele se você for reblogar~

1. Vá em Design>>Editar HTML e procure por:

/* Widgets

2. Antes do } coloque:

background: #fffff; /*---- cor do fundo da caixa ----*/
  padding-left: 20px; /*---- espaço à esquerda ----*/
  padding-bottom: 20px;  /*--- espaço de baixo ---*/
  padding-right: 20px; /*--- espaço à direita ---*/
  padding-top: 5px; /*---- espaço de cima ----*/
border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

3. Agora vamos tirar o fundo que ficou, se sua coluna for no lado direito procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 

e se for no esquerdo procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

4. Apague a parte que está em vermelho:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

Créditos: The Candy Wonderland