Tutorial - Separar sidebar em caixa

Olá vampirinhos *-*

Bom, me desculpem por não ter postado, eu estraguei todo o layout free que eu estava fazendo e tive que começar um novo, pois é, sou uma desastrada -q

Mas acho que esse que eu estou fazendo irá ficar bem melhor que o outro, só acho... Então, como hoje é dia das crianças Meu dia -q minha mãe me deu um presente, bom na verdade ainda não deu né, ela disse que vai dar só amanhã
 :(

Enfim.... Hoje eu vou ensinar á vocês o tutorial de como separar a sidebar em caixa, é muito simples, prestem atenção ;)

Antes de começar vá em

Modelo >> Personalizar >> Avançado >> Plano de fundo da Barra lateral e a deixe assim:

clique para ampliar

Depois de ter feito isso vá em

Modelo >> Editar HTML

E aper F3 ou Ctrl F e digite na caixa de pesquisa:

.sidebar .widget {

abaixo deste código que você procurou colo o seguinte código:

        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: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/
        box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

Troque o #fff pela cor que você quiser, clique aqui para ver a tabela de cores.
Gostaram? Em breve tago mais ;)