Como personalizar o titulo dos gadgets

Oiie cutes como você estão? Vim trazer um tutorial que vai ser bem util para vocês, com o novo HTML não dá mais (EU NÃO CONSIGO) colocar faixinha no titulo do gadget e ao mesmo tempo o titulo ficar centralizado então descobrir um outra forma de personalizar o titulo do gadget vamos lá? Modelo ✖ editar HTML ✖ aperte ctrl + f e procure por:

h2 {

Vai estar assim:

h2 {   font: $(widget.title.font);   color: $(widget.title.text.color); }

Apague ele todo e no lugar dele cole:

.sidebar h2 {font-family: Century Gothic; /*Tipo de fonte*/font-size: 16px; /*Tamanho da fonte*/color: #000000; /*Cor da fonte*/border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/background: #fbfbfb; /*Cor de fundo*/text-align: center; /*Alinhamento do texto*/} 

Se em vez de cor quiser colocar uma imagem apague isso:

background: #fbfbfb; /*Cor de fundo*/

por isso:

background: url(link_da_imagem) no-repeat center;height: 30px;/*Altura da imagem*/width: 200px; /*Largura da imagem*/  

 Visualize se ficou tudo ok salve, qualquer duvidas comentem, se usar me dê créditos e ao ✖ beijos.