Tutorial ~ Separando a área de post

Yoo minna! Tudo bem? Eai as aulas de vocês já começaram? :3
As minhas já! T^T
Bom mas vamos ao que importa né! Ao tutorial!
O Tutorial de hoje é separando a área de post, vi esse tutorial no Chá e Cupcake!
Clique no Leia Mais e saiba mais sobre o tuto!
Bom, vamos aprender a separar a área de post e partes, para que cada post fique meio distante um do outro, é bem simples e embeleza bastante o blog.

                                                              No seu layout vá em:

Modelo >> Editar HTML 

                                                   Aperte Ctrl + F e procure por isso:

 .main-inner .column-center-outer {

                                                      
                                                      
                                                  Vai encontrar algo parecido com isso:

.main-inner .column-center-outer {
background: $(post.background.color)
$((post.background.url)
repeat scrool top left; _background-image:none;}

                                                     APAGUE TODA ESSA PARTE e cole isso:

.post-outer{
border-top: solid 10px #ff8ab1; /*borda de cima*/
box-shadow: inset 0 0 10px #d6d6d6, 0 0 5px #ccc; /*sombra*/
margin: 3px 2px 10px;
background: #fff; /*cor de dentro*/
padding: 25px 10px;
}

Visualize

Agora mude a cor da borda #ff8ab1 para qualquer uma que você quiser AQUI tem uma tabela.

E mude a cor de dentro #fff para qualquer outra, mas aconselho não mudar.

Visualize novamente e salve se estiver tudo certo.

Bom minna se usarem creditem o Chá e Cupcake !

Espero que tenham gostado! Então é isso! ~bye bye