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;
NÃO DEU CERTO :/
ResponderExcluirAqui deu >.<
ResponderExcluir