Oii pessoas, hje vou ensinar como deixar os gadgets separados em caixas.
Vamos lá!!?
Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:
/* Widgets
E antes de fechar o } 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:
Pronto!
Créditos : :: Go Imagine ::
0 comentários:
Postar um comentário