Diminuindo o espaço entre o topo e o cabeçalho

PROCURE POR:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section>

Se achar é só colocar acima dele:

<div style="margin-top:-50px;"> 

E acrescentar </div> depois de </b:section>. Ficando assim:

<div style="margin-top:-50px;">
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='ferdicez' type='Header'/>
</b:section></div>

Distância entre a barra lateral (gadgets) e o cabeçalho

Localize o código abaixo no seu html.


.main-inner .column-left-inner,
.main-inner .column-right-inner {
  padding: 15px 0; {Trocar o 15 por qualquer número para regular a distância}
}

/* Posts
----------------------------------------------- */

Personalizando o Layout VIAGEM

Localize o código abaixo no seu html e APAGUE o que estiver em vermelho e ACRESCENTE o que estiver em azul. (ESTA MODIFICAÇÃO É PARA OS LAYOUTS QUE POSSUEM BARRA LATERAL À DIREITA. CASO A BARRA ESTEJA NA ESQUERDA, ALTERAR .main-inner .column-left-inner)

/* Tabs
----------------------------------------------- */
.tabs-inner {
  margin: 1em 0 0; {O primeiro número é a distância entre a imagem do cabeçalho e o inicio das postagens. Apagar tudo para retirar o espaço e acrescentar o que tiver em azul, em "main-inner" para regular}
  padding: 0;
}

.tabs-inner .section {
  margin: 0;
}

.tabs-inner .widget ul {
  padding: 0;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}

.tabs-inner .widget li {
  border: none;
}

.tabs-inner .widget li a {
  display: inline-block;
  padding: 1em 1.5em;
  color: $(tabs.text.color);
  font: $(tabs.font);
}

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  z-index: 1;
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);

}
/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}

.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}

/* Main
----------------------------------------------- */

.main-inner {
 margin-top: -20px; {Acrescentar para reduzir o espaço entre o cabeçalho e o início das postagens. Pode modificar o número para regular a distância entre os dois}
  padding: $(content.padding) 0;
}

.main-inner .column-center-inner {
  padding: $(content.posts.padding) 0;
}

.main-inner .column-center-inner .section {
  margin: 0 $(content.posts.padding);
}

.main-inner .column-right-inner {
  margin-left: $(content.padding); {Apague para tirar a margem esquerda do TEXTO da barra lateral}
}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding); {Apague para tirar a margem esquerda da barra lateral}
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; {Apague para retirar o fundo branco que contorna a barra lateral}
}

.main-inner .column-left-inner {
  margin-right: $(content.padding);
}

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  margin-right: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

.main-inner .column-left-inner,
.main-inner .column-right-inner {
  padding: 15px 0;
}

Personalizando o Layout VIAGEM

Localize o código abaixo no seu html e APAGUE tudo que estiver de vermelho, conforme o seu gosto. (Lembre de apagar o que estiver entre chaves)


/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

.content-outer .content-cap-top {
  height: $(content.imageBorder.top.space);  {Apague se quiser tirar as bordas onduladas do topo}
  background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}

.content-outer {
  margin: 0 auto;
  padding-top: $(content.margin); {Apague para tirar a distância entre o cabeçalho e o topo}
}

.content-inner {
  background: $(content.background); {Apague para tirar a textura de papel das postagens}
  background-position: left -$(content.imageBorder.top.space); {Apague para tirar a textura de papel das postagens}
  background-color: $(content.background.color); {Apagar para tirar o branco do background}
  padding: $(content.padding); {Apagar para tirar o branco do background}
}

.main-inner .date-outer {
  margin-bottom: 2em;
}