Como deixar as Barras Laterais mais para Cima , no modelo Travel
Se você usa o modelo Travel e já tentou por a coluna (sidebar) mais para cima e não conseguiu, este tutorial é pra você. Geralmente, no modelo Travel, quando se tenta subir a sidebar, acaba subindo somente os gadgets e a parte colorida nem se move. Procurando por uma solução, encontrei no Material-Extra um tutorial ensinando como subir a coluna também. O resultado será semelhante a coluna do blog Tudo Pra Mim | Maratona de tutoriais. Vejam:
Então go!
Vá em Design > Editar HTML > pressione Ctrl + F e procure por:
.main-inner .column-left-outer { - Caso sua coluna seja no lado esquerdo
.main-inner .column-right-outer { - Caso ela seja no lado direitoCaso ela seja a esquerda estará mais ou menos assim:
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
E caso seja à direita acredito que estará mais ou menos assim: (pelo menos a minha está rs)
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
Então adicione o seguinte código logo abaixo:
Então as letras e etc. (os gadgets) devem subir, para fazer o fundo subir junto pesquise por:
.main-inner .fauxcolumn-left-outer { - caso a coluna seja no lado esquerdo
.main-inner .fauxcolumn-right-outer { - caso a coluna seja no lado direitoE logo abaixo de
width: $(main.column.right.width); ( caso tenha a coluna no lado direito) ou
width: $(main.column.left.width); (caso esta for no lado esquerdo)
acrescente novamente margin-top: -150px;
Agora visualize e veja se está tudo certo, caso queira você pode ajustar os valores de margin-top para ficar na altura que desejar.
0 comentários:
Postar um comentário