Barras laterais pra cima (coluna ao lado do cabeçalho)

Oi gente? vou postar outro tutorial super útil, para nossos blogs! muito fácil, garotas esqueci de dizer que eu vou postar só tutoriais  até o dia 15 de Dezembro, espero que sejam utéis para o blog de vocês! lembrando que o natal está chegando e vai ter novo layout (de natal) aqui no Garota Descolada, aguardem! . agora vamos fazer o tutorial cliquem em leia mais para ver o tutorial.

primeiro a barra lateral ficará assim:

agora vamos ao tutorial, vá em Design > Editar HTML > Ctrl + F > procure por:

Barra lateral no lado esquerdo

.main-inner .column-left-outer { 

Barra lateral na esquerda irá aparecer esse código aqui:

.main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      } 

Barra lateral do lado direito

.main-inner .column-right-outer {

Barra lateral na direita irá aparecer esse código aqui:

 .main-inner .column-right-outer {        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

 agora acrescente isso aqui antes de fechar a chave em vermelho:

margin-top: -150px;

e as letras subiram, agora procure por esse código aqui:


Barra lateral no lado esquerdo

 .main-inner .fauxcolumn-left-outer { 

estará assim:

.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
      }

Barra lateral no lado direito

.main-inner .fauxcolumn-right-outer { 

estará assim:

 .main-inner .fauxcolumn-right-outer {        width: $(main.column.right.width);
      }

mais uma vez acrescente isso antes de fechar a chave em vermelho:

margin-top: -150px;

Lembrando que a parte destacada em vermelho -150px é onde vocês devem ajustar a altura da barra lateral de acordo com os gostos de vocês, e então é isso, espero que tenham conseguido, se fizeram e der certo avisem aqui. obrigada! *-*