Elementos acima do cabeçalho + Gadgets separados

Elementos acima do cabeçalho + Gadgets separados

Elementos acima do cabeçalho

Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Onde está escrito 1 mude pelo numero de gadgets que você quer ver acima do cabeçalho e onde está escrito 

'no' troque por yes. 

Obs: Mesmo que você queira somente 1 gadget acima do cabeçalho, coloque 2, se quiser 2 coloque 3 e assim por diante, sempre 1 a mais do que o real.

Gadgets separados em caixas

Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:

/* Widgets

E antes de fechar } cole o seguinte código:

background: #fff; /*---- cor do fundo da caixa ----*/ 

  padding-left: 20px; /*---- espaço à esquerda ----*/ 

  padding-bottom: 20px;  /*--- espaço de baixo ---*/ 

  padding-right: 20px; /*--- espaço à direita ---*/ 

  padding-top: 5px; /*---- espaço de cima ----*/ 

border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

Se você quiser da pra trocar a cor da caixa (trocando #fff pela cor que desejar), mudar os valores de padding, remover a sombra da caixa e as bordas arredondadas apagando a linha das mesmas como também da pra personalizar a borda e a sombra (veja como neste documento aqui).

Certamente quando você visualizar vai ficar com o fundo original da sua coluna por trás da caixinha, assim:

Para resolver isso é bem simples, vá em Design > Designer do modelo > Avançado > Plano de fundo da barra lateral e deixe transparente como mostra a imagem abaixo:

Feito isso você vai ver que o fundo de trás saiu, assim:

http://goimagines.blogspot.com.br/2012/01/elementos-acima-do-cabecalho-gadgets.html