Subindo as Barras Laterais - Sidebar


Esse tutorial é para que você consiga subir as laterais do blog - sidebar - testado no modelo Travel.


Subir as Letras e Gadgets

Vá em Modelo => HTML => Crtl F => procure por:


.main-inner .column-left-outer { - Caso sua coluna seja no lado esquerdo






.main-inner .column-right-outer { - Caso ela seja no lado direito 



Se for na esquerda ela vai estar mais ou menos assim:


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

      }




Se for na direita ela vai estar mais ou menos assim:

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

      }




Logo abaixo adicione o código :


margin-top: -150px;

Assim as letras e gadegts subirão


Subir o Fundo


.main-inner .fauxcolumn-left-outer- caso a coluna seja no lado esquerdo






.main-inner .fauxcolumn-right-outer { - caso a coluna seja no lado direito





Abaixo de:


width: $(main.column.left.width); (caso esta for no lado esquerdo)






width: $(main.column.right.width); ( caso tenha a coluna no lado direito) ou  







acrescente novamente:


margin-top: -150px;

Ajuste os valores para ficar na altura que vc desejar.

Nenhum comentário:

Postar um comentário