16 de nov de 2012

Espaço entre o Cabeçalho e a Postagem

Hey, angels :) What's up?

Vocês já devem notado, ao fazer o design do blog, que fica um espacinho entre o cabeçalho e a área de postagem... E eu quero ensinar hoje a retirá-lo!

Cliquem na imagem para ampliá-la (se necessário).

É bem simples, de verdade! Vamos começar?

Primeiramente, vá em Modelo > Editar HTML. Usando Ctrl+F, busque por /* Tabs . Vão encontrar algo parecido com isso:
/* Tabs
----------------------------------------------- */
.tabs-inner {
  margin: 1em 0 0;  padding: 0;
}
Bom, agora apaguem a parte em negrito. Apertem Ctrl+F novamente e agora procurem por /* Main . Agora devem achar algo parecido com isso:
/* Main
----------------------------------------------- */
.main-inner {
  padding: $(content.padding) 0;
}
 Antes da } colem o seguinte código:
margin-top: -29px;
Alterem o número 29 de acordo com a preferência de vocês.

Viram como é simples? 

Espero que tenham entendido e que tenham gostado!
Beijos,

Mrs. Nightshade.

Nenhum comentário:

Postar um comentário