Fundo diferente no primeiro gadget do blog

Hoy amores! Gostaram da surpresa? Eu particularmente gostei muito do novo layout, achei que ficou bem clean e diferente dos outros que tivemos aqui no GI. E vocês, o que acharam? :3

Desde o layout antigo, muitas meninas me perguntaram como fiz pro primeiro gadget ficar com um fundo diferente dos outros. Na minha opinião fica muito bonito pra diferenciar aquele gadget que você quer destacar. Aqui no blog uso sempre no gadget "sobre"  mas isso vai da opinião de cada um. Não vi esse tutorial em nenhum outro lugar, descobri fuçando, então, se usar, credite por favor!

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 no designer 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.

E ai, gostaram do tuto? Comentem! Se usar não esqueça de creditar :3

Novidade no blog:

Agora temos opção de "responder" nos comentários, ou seja, vou conseguir responder mais rápido os comentários de vocês!