28 de jun. de 2012

Como separar a área do siebar *--*

Oii tortinhas de morango! Vou ensinar como separar a área dos posts (Estou usando ^^) . Que aprendi no blog Morangos Também Falam então créditos! Vamos lá?

Primeiro deixe a área do siebar transparente.
Agora vá em design>editar HTML>e procure por: /* Widgets.
Abaixo dele, caso você não tenha modificado, estará mais ou menos assim:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
}

Logo abaixo de margin: 10px 0: você colocará isso: Background: #cccccc; ficando assim:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
Background: #cccccc;
}
Você pode modificar o código #cccccc pela cor que desejar (mais cores aqui)
Fácil né? Espero que tenham gostado!
Beijos, até a próxima!!

Um comentário:

  1. adoreeei o tutorial ^^ Aah, amei seu blog viiu, fofaaa! É tudo muito perfeito e vc é uma suuper blogueira, adorei seu cantinho! Look, já estou seguindo okaay como não seguir um blog tão diwo! Pode me ajudar com a meta de 700 seguidores? Obg você é um doce >< Bezus Luuh
    Rawr baby ~> teenstyle-official.blogspot.com

    ResponderExcluir