Colocar borda e fundo nos gadgets

Para deixar o seu blog um pouco mais atraente, uma coisa legal para se fazer é personalizar os gadgets com uma borda e cor de fundo a seu gosto.

Para isso, clique em "Modelo", "edital html" e "expandir elemento de página".

Clique "Ctrl+F", procure por "/* Widgets".
Na parte que aparece abaixo...


.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
}

Substitua tudo pelo script abaixo...

.sidebar .widget {
background: #ffffff;
border: 1px solid #000000;
}

Ok! Todos os seus gadgets agora terão um contorno.

Visualize e se estiver tudo ok, salve e pronto!