Fundo diferente no primeiro gadget do blog
Após aplicado, o resultado será semelhante a esse:
Reparem que apenas o primeiro gadget ficou com fundo branco, os outros ficaram com a cor que eu estabeleci nodesigner do modelo.
Obs.: O resultado fica mais bonito se a cor da sidebar for transparente, ou, se os os gadgets forem separados (tutorial aqui).
Vá em Design > Editar HTML > Ctrl+F (na nova interface: Modelo > Editar HTML > Prosseguir > Ctrl+F) E procure por: .sidebar .widget:first-child {
logo abaixo cole:
Se quiser com fundo colorido:
background: #fff; /* cor do fundo da caixa */
border-radius: 10px; /* bordas arredondas, apague a linha se não quiser */
Se quiser com imagem:
background: url('url da imagem') no-repeat;
Lembrando:
no-repeat: não repete
repeat: repete vertical e horizontal
repeat-y: repete vertical
repeat-x: repete horizontal
Você pode colocar fundo diferente também no ultimo gadget, pra isso procure por:
.sidebar .widget:last-child { e faça a mesma operação que fez para colocar no primeiro gadget.
http://goimagines.blogspot.com.br/2012/06/fundo-diferente-no-primeiro-gadget-do.html
0 comentários: