sexta-feira, 2 de maio de 2014

Separar Postagens e Widgets

Untitled | via Tumblr

Ao invés de deixar os posts/widgets da página colados, você pode deixar um espaço entre eles.

Separar Área dos Posts

1. No HTML do seu blog, aperte F3 e procure por .main-inner .column-center-outer {
2. Apague todo o código que o acompanhe, ou seja, do código procurado até a }
3. E no lugar, cole:
.post-outer {
margin: 3px 8px 15px;
background:#fff; /* Cor do fundo dos posts */
padding: 5px 5px;
padding: 5px;
box-shadow: inset 0 0 0px #B2D3D7, 0 0 3px #d9d7d7; /* Sombra */
border-radius: 8px; /* Bordas Arredondadas */
}
Visualize e se estiver tudo separadinho, salve.
 Separar Widgets

1. No HTML do seu blog, aperte F3 e procure por /* Widgets
2. Abaixo dessa tag, haverá um código que começa assim .sidebar .widget {
3. Apague todo esse código e o que o acompanha, ou seja, o título do código até a }
4. E no lugar cole isso:
.sidebar .widget {
width:100% !important;
background:#fff; /* Cor do fundo dos widgets */
padding-left: 10px;
padding-bottom: 10px;
padding-right:10px;
padding-top: 5px;
margin: 30px 0;
box-shadow: inset 0 0 0px #B2D3D7, 0 0 3px #d9d7d7; /* Sombra */
border-radius: 8px; /* bordas arredondadas */
}
Visualize e se estiver tudo separado, salve.

Nenhum comentário:

Postar um comentário