Como deixar a barra lateral como a minha?

Olá Gente!

Antes de começar tenho um pequeno aviso, estou em semana de provas, e eu como sou bem burra tirei 5,5 na prova de inglês tenho que estudar para outras provas, mas vamos para de blá, blá, e vamos logo ver o tutorial, para deixar sua barra lateral igualzinha a minha!

Vá em Modelo>> Editar HTML >> Aperte CTRL F em qualquer lugar do campo de códigos, e procure por: /* Widgets.  Antes de feixar o " { " você irá colar o código abaixo:

background: #fff; /*---- 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: 8px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

box-shadow:0 0 3px #ccc, inset 0 0 20px #eee; /*--- efeito sombra embutida na caixa  ---*/

  Abaixo de  /* Widgets, você vai encontrar:

.sidebar .widget {

  border-bottom: 2px solid $(widget.border.bevel.color);

  padding-bottom: 10px;

  margin: 10px 0;

Apague, e substitua por: 

.sidebar .widget {

border-bottom: 8px solid #81648d; /*---- cor e largura da borda de baixo do gadget ----*/

border-top: 5px solid #81648d; /*---- cor e largura da borda de cima do gadget ----*/

  padding-bottom: 10px;

  margin: 30px 0; /*---- espaço ente um gadget e outro ----*/ 

O meu ficou assim: 

clique para ampliar!

Créditos: Goods Sweets