Tutorial: Colocando fundo no título dos gadgets

 

Hoje vou ensinar como colocar uma imagem no fundo do título do gadget, como na imagem abaixo:

vá em Design > Editar HTML > Ctrl + F > e procure por

/* Headings

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

Abaixo disso vc vai encontrar

.footer-inner .widget h2,

.sidebar .widget h2 {

  padding-bottom: .7em;

}

Antes das chaves coloque:

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

  background-position: center;

  font-size: 11px;

  text-align: center;

}

Deve ficar assim:

.footer-inner .widget h2,
.sidebar .widget h2 {

 padding-bottom: .7em;

 background-image: url(URL DA IMAGEM);
 background-position: center;

 font-size: 12px;  text-align: center;
}

 

Prontinho! 

Algumas imagens prontas pra vcs:

Créditos:Material extra, 
Imagens editadas pelo Blog noturna