Tutorial:Como colocar imagem no fundo do título dos gadgets!

Oi!Trouxe um tutorial de como por imagem no fundo do título do gadget.Eu vi  esse efeito num blog de No ritmo,e fica muito legal.Achei o tutorial no Mundo das Encomendas,então,credite se pegar a Liih.Vamos ver:

Primeiro vá em Design > Editar HTML > Ctrl + F > e procure por /* Headings deve aparecer assim:

/* Headings

----------------------------------------------- */

mais a baixo você deve encontrar

.footer-inner .widget h2,

.sidebar .widget h2 {

  padding-bottom: .7em;

}

 Antes de fechar a chave coloque:

  background-image: url(URL DA SUA IMAGEM);

  background-position: center;

Deve ficar assim:

.footer-inner .widget h2,

.sidebar .widget h2 {

  padding-bottom: .7em;

  background-image: url(URL DA IMAGEM);

  background-position: center;

} 

Depois em roxo coloque o url da sua imagem e Pronto, caso

não queira colocar imagem apenas uma cor de fundo troque

background-image: url(URL DA IMAGEM); por background: #000000;

 

 Espero que tenham gostado!Beijos!