Tutorial - Sidebar mais pra Cima

 


Yoo ! ~

Apreciem meu Ultimate Bias acima -qn
A Lua do blog "Blog da Luúh" pediu um tuto de como subir a sidebar.

Esse tutorial foi testado apenas no modelo Travel, por ser o mais usado e já de antemão suponho que o seu seja esse .



1. Vá em Design > Editar HTML e pressione Ctrl + F 
2. Se sua coluna estiver posicionada no lado direito procure por:

.main-inner .column-right-outer {

E se for do lado esquerdo por:
 
.main-inner .column-left-outer {


 3.  Se pesquisou pelo direito, vai aparecer mais ou menos isso:

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

E se pesquisou pela esquerda, isso:

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

Abaixo do código respectivo a sua coluna cole:

margin-top: -140px;
- ps: quanto maior o número mais pra cima a sidebar vai, mantenha o - ( menos ) -




Após terminar a primeira parte, apenas as letras vão mudar de lugar . Agora vamos ao fundo .

1. Se na primeira parte você usou o lado direito procure por:

.main-inner .fauxcolumn-right-outer {

E se usou o lado esquerdo por:
.main-inner .fauxcolumn-left-outer {

2. Abaixo de:


width: $(main.column.right.width); [ se sua coluna for do lado direito ]

width: $(main.column.left.width); [ se sua coluna for do lado esquerdo ]

Cole mais uma vez: margin-top: -140px;
- se você modificou o número anteriormente, faça o mesmo agora -


Visualize e salve (:


Nenhum comentário:

Postar um comentário