13 de fev de 2013

Separar e arredondar com sombra a area dos gadgets


Oiie galera hoje eu trouxe um tutorial fácil que eu encontrei no blog Menina Sugar
Ele vai ficar redondo, separado e com sombra

Então sem muito papo e vamos lá




Primeiro vamos em Modelo >> Personalizar >> Avançado >> Plano de fundo da barra lateral >> Coloque transparente

Vamos em Modelo >> Editar HMTL >> CTRL F (ou F3) e procure por /* Widgets e você vai encontrar algo assim:

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

Onde tem "margin: 10px 0;" você troque o "10" por "20" e antes de "{" cole:

box-shadow: 1px 3px 15px 2px #ccc;
background: #fff;
border-radius: 5px;

2 comentários:

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE