Como separar as postagens do seu blog com bordas!

Bem galera, nosso blog já está ficando com uma cara mais agradável, depois dos últimos tutorias aplicados nele, agora chegou a hora de separar as postagens para dar um visual mais atraente ainda.

O tutorial é muito simples e vai ficar igual o nosso outro blog clique aqui para ver
Touch Revolution Games

Entre no blog, e como já ensinamos escolha modelo, editar html e pressione CTRL + F para pesquisar no código:

.main-inner .column-center-outer


Você vai encontrar isto daqui:

.main-inner .column-center-outer

background: $(post.background.color) ...

_background-image: none,

Apague tudo e coloque isto no lugar:

.post-outer {

background: #fff; /* Fundo da postagem */

padding-top: 4px; /* Espaço do topo */

padding-left: 5px; /* Espaço da esquerda */

padding-right: 5px; /* Espaço da direita */

padding-bottom: 5px; /* Espaço de baixo */

margin: 5px 3px 25px;

border-radius: 10px;

margin-top: 35px;

}

Clique em visualizar antes de salvar e veja se vai ficar como na imagem abaixo e pronto!

É isso galera, no próximo tutorial vamos ensinar como fazer o mesmo com os gadgets da barra lateral! Até a próxima.