Tutorial - Separando gadgets

Ele te seduziu né ? Eu sei u-u
Então {....} Vou tentar trazer mais tutoriais para esse blog, e tentar fazer na média 3 postagens por dia, fiquei um bom tempo sem postar por culpa da falta de criatividade mas vou tentar fazer o possível pra esse blog crescer *-* Vamos ao tutorial ?

Vá em Design > Editar HTML > Ctrl + f e procure por : /* Widgets

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

Antes de fechar a chave } cole : background:#ffffff;
A parte que está Itálico é o fundo, se você quiser outra cor use a Tabela de Cores !

Agora vamos separa-los 

Antes de fechar a chave } cole :
-webkit-border-radius: 10px
-moz-border-radius: 10px;
border-radius: 10px;

Agora é só você personalizar da forma que quiser ;*

Nenhum comentário:

Postar um comentário