Tutorial: Movendo a sidebar para o lado

Oi (**,)

Tudo bem com vocês vidas minhas? Eu estou ótima, feliz com o resultado do novo lay, ainda não está todo pronto, só falta uns detalhezinhos, coisas simples.Já criei a ask do blog, mas só vou disponibilizar para vocês segunda, pois criei com o novo nome :).Vamos dizer que o layout está ficando uma coisa bem fofinha, não muito profissional, nem com coisas que eu possa dizer que foram difíceis de colocar, mas está ficando lindo na minha opinião.Só vou saber a de vocês na segunda huehue.

Falando sobre o post de hoje, sabe aqueles blogs que tem a sidebar e os post quase que grudadinhos um no outro? Que só dá para ver aquele espaço bem mínimo entre eles? Tipo o meu, por exemplo.Então, sei que a maioria aqui já conhece o tutorial, mas não custa nada postar pois sei que tem muitas pessoas que ainda estão começando na blogosfera.Como eu estou muito faladeira hoje, vamos para o tutorial. 

Vá em seu HTML e pesquise por:

Se a sidebar for do lado direito

   .main-inner .column-right-inner {

 Se a sidebar for do lado esquerdo

.main-inner .column-left-inner {  

Depois de achar a tag, você vai substituir o código todo, até }, pelo código abaixo: 

Se for do lado direito

.main-inner .column-right-inner {

width: 200px;/* Largura da sidebar*/ margin-left: -48px; /*O tanto que vai para a direita alterar o simbolo - para + se for necessario*/

} 

Se for do lado esquerdo

.main-inner .column-left-inner {

width: 200px;/* Largura da sidebar*/ margin-left: -48px; /*O tanto que vai para a esquerda altera o simbolo - para + se for necessario*/

}

Onde tem -48px você só vai mudar a distância se achar melhor, é só ir aumentando ou diminuindo o número, faça do jeito que preferir.

Beijos com sabor de nutella <3 

Ilustração: TMR