09 outubro 2014

Como retirar os espaços do blog - Sidebar, Cabeçalho e Postagem


Hoje eu vou mostrar a vocês, como retirar "aqueles" espacinhos ou grandes espaços que ficam entre a sidebar, cabeçalho e as postagens no template.

Sem prolongar, vamos direto ao tutorial.
Antes de mais nada faça um Backup do seu template, caso você queira voltar ao estado anterior. Não sabe fazer backup? Não tem problema, veja este tutorial.


Tutorial

1. Acesse o se blog.
2. Vá em Modelo e em Editar HTML e siga o tutorial que deseja retirar o espaço.



► Espaço da Sidebar e as Postagens

1 - Procure por:

 .fauxcolumn-right-outer .fauxcolumn-inner {


 

3 - Acima ou abaixo dela, terá mais 2 códigos parecidos com esses:
.
main-outer {
.fauxcolumn-left-outer .fauxcolumn-inner {



4 - Achou?. Agora apague todo os códigos " border- ", veja na imagem.




Visualize para ver se a sidebar está coladinha aos posts se tiver, salve.


► Espaço entre cabeçalho e as postagens

1 - Ainda no HTML do seu blog, procure por:


/* Tabs

2 - Apague o código abaixo dela o "margin:1em 0 0;". Veja na imagem abaixo



3 - Agora procure por:

/* Main
4 - Abaixo de padding: $(content.padding) 0; cole o seguinte código

margin-top:-30px;

5 - Agora vá aumentando o valor "10px" até o cabeçalho ficar junto aos posts e a sidebar.

Ajudou? Espero que sim!
Beijinhos ♥ 

2 comentários:

  1. Adorei seu post! fiz no meu blog e deu super certo! Obrigada

    ResponderExcluir
    Respostas
    1. Que bom que tenha gostado. Fico muito feliz =D
      Beijinhos ♥

      Excluir

Amigos do Blog