Separando os gadgets

 Oi gente ^.^ Como vocês estão ??  Espero que beem ( sempre  ). Vim trazer o 1° tutorial de hoje um dia d domingo mega ensolarado .-. ' Bom espero que todos gostem , leet's ? 

• Primeiro, procure por /*Widgets no seu HTML e achará algo mais ou menos assim:

/* Widgets

----------------------------------------------- */

.sidebar .widget {

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

padding-bottom: 10px;

margin: 10px 0;

}

Adicione apenas isso antes de fechar a chave:

Background: #f7f7f7; /*Fundo do gadget */

Vai ficar mais ou menos assim:

Calma, não tem nada de errado. Pode salvar. Vou explicar o porquê. Quando eu coloco fundo nos gadgets, o plano de fundo da barra lateral permanece. Como assim, Nadine? Vou mostrar como tirar a terrível borda que ficou.

• Depois de salvar as alterações, você terá que ir em "personalizar" > Avançado > Plano de fundo da barra Lateral.

Edite o Plano de fundo para Transparente. Salve e pronto! Fácil, não? Olhe o resultado:

E é simplesmente isso. Esse tutorial eu peguei do Chovendo em Paris ^.^

Espero ter ajudado vocês ^.^ Beeijoks . Qualquer dúvida ou sugestão de tutoriais comente , lembre-se o blog irá crescendo com sua ajuda (: